:root{--color-bg: #0A0C12;--color-bg-alt: #11141C;--color-surface: #151923;--color-text: #C7CCDA;--color-heading: #F5F7FB;--color-border: #242938;--color-primary: #3E6DFF;--color-primary-text: #FFFFFF;--color-accent: #00E5C7;--color-header-bg: #0A0C12;--color-header-text: #F5F7FB;--font-heading: "Poppins", "Tajawal", sans-serif;--font-body: "Inter", "Tajawal", sans-serif;--heading-letter-spacing: -.5px;--page-width: 1440px;--section-spacing: 72px;--radius: 14px;--radius-sm: calc(var(--radius) * .55);--radius-lg: calc(var(--radius) * 1.6);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--anim-speed: .6s;--shadow-sm: 0 2px 8px rgba(0,0,0,.25);--shadow-md: 0 8px 30px rgba(0,0,0,.35);--shadow-glow: 0 0 0 1px rgba(62,109,255,.25), 0 0 40px rgba(62,109,255,.15);--shadow-glow-accent: 0 0 0 1px rgba(0,229,199,.25), 0 0 40px rgba(0,229,199,.15)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-heading);letter-spacing:var(--heading-letter-spacing);line-height:1.15;margin:0 0 .5em;font-weight:700}html[dir=rtl] body{direction:rtl}html[dir=rtl] .rtl-flip{transform:scaleX(-1)}.page-width{max-width:var(--page-width);margin-inline:auto;padding-inline:24px}@media(min-width:990px){.page-width{padding-inline:48px}}.section-spacing{padding-block:calc(var(--section-spacing) / 2)}@media(min-width:750px){.section-spacing{padding-block:var(--section-spacing)}}.section-bg-alt{background:var(--color-bg-alt)}.grid{display:grid;gap:24px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:989px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:599px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px;flex-wrap:wrap}.section-header__title{margin:0;font-size:clamp(1.6rem,2.5vw,2.4rem)}.section-header__subtitle{color:var(--color-text);opacity:.75;margin-top:8px;max-width:560px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-accent);margin-bottom:14px}.eyebrow:before{content:"";width:24px;height:2px;background:var(--color-accent);display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-sm);font-weight:600;font-size:15px;border:1px solid transparent;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),background .3s var(--ease-out),border-color .3s var(--ease-out);white-space:nowrap}.btn--primary{background:var(--color-primary);color:var(--color-primary-text);box-shadow:0 4px 20px #3e6dff59}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn--accent{background:var(--color-accent);color:#08110f;box-shadow:0 4px 20px #00e5c74d}.btn--accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-accent)}.btn--outline{background:transparent;color:var(--color-heading);border-color:var(--color-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn--outline:hover{border-color:var(--color-primary);background:#3e6dff14}.btn--full{width:100%}.btn--sm{padding:10px 18px;font-size:13px}.announcement-bar{background:var(--color-primary);color:#fff;text-align:center;font-size:13px;font-weight:500;padding:9px 16px;letter-spacing:.2px}.site-header{position:sticky;top:0;z-index:100;background:#0a0c12d9;background:color-mix(in srgb,var(--color-header-bg) 85%,transparent);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--color-border);transition:box-shadow .3s var(--ease-smooth)}.site-header.is-scrolled{box-shadow:var(--shadow-md)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:16px}.site-logo{display:inline-flex;align-items:center}.site-logo img{height:auto}.site-logo__text{font-family:var(--font-heading);font-weight:800;font-size:22px;color:var(--color-header-text);letter-spacing:-.5px}.site-logo__text span{color:var(--color-accent)}.nav{display:none;gap:8px;align-items:center}@media(min-width:990px){.nav{display:flex}}.nav>li{position:relative}.nav a.nav__link{display:block;padding:10px 16px;border-radius:999px;font-weight:500;font-size:14.5px;color:var(--color-header-text);transition:background .25s var(--ease-smooth),color .25s}.nav a.nav__link:hover{background:#ffffff0f;color:var(--color-accent)}.header-actions{display:flex;align-items:center;gap:6px}.header-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:var(--color-header-text);border:1px solid transparent;background:transparent;transition:background .25s,border-color .25s,transform .2s}.header-icon-btn:hover{background:#ffffff0f;border-color:var(--color-border);transform:translateY(-1px)}.header-icon-btn svg{width:20px;height:20px}.cart-count{position:absolute;top:-2px;inset-inline-end:-2px;background:var(--color-accent);color:#08110f;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}.menu-toggle{display:inline-flex}@media(min-width:990px){.menu-toggle{display:none}}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--color-bg);transform:translate(100%);transition:transform .4s var(--ease-out);padding:24px;overflow-y:auto}html[dir=rtl] .mobile-menu{transform:translate(-100%)}.mobile-menu.is-open{transform:translate(0)}.mobile-menu__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.mobile-menu a{display:block;padding:14px 0;font-size:20px;font-weight:600;color:var(--color-heading);border-bottom:1px solid var(--color-border)}.product-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s}.product-card:hover{transform:translateY(-6px);border-color:#3e6dff66;box-shadow:var(--shadow-glow)}.product-card__media{display:block;position:relative;aspect-ratio:1 / 1;width:100%;background:radial-gradient(120% 120% at 15% 0%,rgba(62,109,255,.1),transparent 55%),var(--color-bg);border-bottom:1px solid var(--color-border);overflow:hidden;padding:22px}.product-card__media img{position:absolute;top:22px;right:22px;bottom:22px;left:22px;width:calc(100% - 44px);height:calc(100% - 44px);object-fit:contain;object-position:center;transition:transform .5s var(--ease-out),opacity .4s}.product-card:hover .product-card__media img.is-primary{opacity:0;transform:scale(1.04)}.product-card__media img.is-secondary{opacity:0}.product-card:hover .product-card__media img.is-secondary{opacity:1;transform:scale(1.04)}.product-card__media svg.placeholder-svg{position:absolute;top:22px;right:22px;bottom:22px;left:22px;width:calc(100% - 44px);height:calc(100% - 44px)}.product-card__badges{position:absolute;top:12px;inset-inline-start:12px;display:flex;flex-direction:column;gap:6px;z-index:2}.badge{font-size:11px;font-weight:700;letter-spacing:.3px;padding:5px 10px;border-radius:999px;text-transform:uppercase}.badge--sale{background:var(--color-accent);color:#08110f}.badge--sold-out{background:var(--color-border);color:var(--color-text)}.product-card__quick-add{position:absolute;bottom:12px;inset-inline:12px;opacity:0;transform:translateY(10px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);z-index:2}.product-card:hover .product-card__quick-add{opacity:1;transform:translateY(0)}.form-error{color:#ff8a8a;font-size:12px;margin-top:6px;line-height:1.4}.form-error:empty{display:none}.product-card__body{padding:18px}.product-card__vendor{font-size:12px;color:var(--color-accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.product-card__title{font-size:15.5px;font-weight:600;color:var(--color-heading);margin:0 0 8px}.product-card__price{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--color-heading)}.product-card__price .compare{text-decoration:line-through;opacity:.5;font-weight:400;font-size:13px}.features-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:989px){.features-bar{grid-template-columns:repeat(2,1fr)}}.feature-item{display:flex;align-items:center;gap:14px;padding:20px;border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border)}.feature-item__icon{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#3e6dff1f;color:var(--color-primary)}.feature-item__icon svg{width:22px;height:22px}.feature-item__title{font-weight:600;color:var(--color-heading);font-size:14.5px;margin-bottom:2px}.feature-item__text{font-size:13px;opacity:.7}.site-footer{background:var(--color-bg-alt);border-top:1px solid var(--color-border);padding-top:var(--section-spacing)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;padding-bottom:48px}@media(max-width:989px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:599px){.footer-grid{grid-template-columns:1fr}}.footer-col__title{font-size:14px;font-weight:700;color:var(--color-heading);margin-bottom:18px;text-transform:uppercase;letter-spacing:.5px}.footer-col a{display:block;padding:6px 0;font-size:14.5px;opacity:.75;transition:opacity .2s,color .2s}.footer-col a:hover{opacity:1;color:var(--color-accent)}.footer-bottom{border-top:1px solid var(--color-border);padding-block:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;opacity:.65}.social-links{display:flex;gap:10px}.social-links a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);transition:all .25s var(--ease-smooth)}.social-links a:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-3px)}.social-links svg{width:17px;height:17px}.newsletter{border-radius:var(--radius-lg);padding:56px 40px;text-align:center;background:radial-gradient(circle at 30% 20%,rgba(62,109,255,.18),transparent 60%),radial-gradient(circle at 80% 80%,rgba(0,229,199,.14),transparent 55%),var(--color-surface);border:1px solid var(--color-border)}.newsletter-form{display:flex;gap:10px;max-width:440px;margin:28px auto 0}@media(max-width:599px){.newsletter-form{flex-direction:column}}.newsletter-form input{flex:1;padding:14px 18px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-heading)}.newsletter-form input:focus{outline:none;border-color:var(--color-primary)}.rte{line-height:1.85;color:var(--color-text)}.rte h2,.rte h3{margin-top:1.4em}.rte p{margin:0 0 1em}.rte a{color:var(--color-accent);text-decoration:underline}.rte ul,.rte ol{padding-inline-start:1.4em;margin-bottom:1em}.rte li{margin-bottom:.4em}.rte img{border-radius:var(--radius-sm);margin:1.2em 0}.text-center{text-align:center}.mx-auto{margin-inline:auto}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-to-content:not(:focus){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root[data-color-mode=light]{--color-bg: #FFFFFF;--color-bg-alt: #F3F5F9;--color-surface: #FFFFFF;--color-text: #4B5262;--color-heading: #0B0E14;--color-border: #E4E7EE;--color-header-bg: #FFFFFF;--color-header-text: #0B0E14}body,.site-header,.product-card,.feature-item,.newsletter,.footer-col a,.btn,.nav a.nav__link,.header-icon-btn,.mobile-menu{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}.grid--6{grid-template-columns:repeat(6,1fr);gap:16px}@media(max-width:1200px){.grid--6{grid-template-columns:repeat(4,1fr)}}@media(max-width:989px){.grid--6{grid-template-columns:repeat(3,1fr)}}@media(max-width:599px){.grid--6{grid-template-columns:repeat(2,1fr);gap:10px}}.product-card--compact .product-card__media{padding:12px}.product-card--compact .product-card__media img{top:12px;right:12px;bottom:12px;left:12px;width:calc(100% - 24px);height:calc(100% - 24px)}.product-card--compact .product-card__body{padding:10px 12px 14px}.product-card--compact .product-card__title{font-size:12.5px;font-weight:500;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card--compact .product-card__price{font-size:13px}
/*# sourceMappingURL=/cdn/shop/t/29/assets/theme.css.map */