@charset "UTF-8";
:root{--bg:#050706;--panel:#0d120f;--panel2:#111813;--text:#f5f7f6;--muted:#97a39c;--line:#1d2922;--green:#0fa66d;--green2:#0b7d52;--gold:#f0c15a;--danger:#8f3434}
html[data-theme="light"]{--bg:#f6f5f1;--panel:#ffffff;--panel2:#f0efe9;--text:#141712;--muted:#5c655e;--line:#dcd8ca;--green:#0fa66d;--green2:#0b7d52;--gold:#a8730f;--danger:#8f3434}
html[data-theme="light"] body{background:radial-gradient(circle at 85% 0,rgba(15,166,109,.08),transparent 30%),linear-gradient(#fbfaf6,#f6f5f1)}
.theme-toggle{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:#101612;color:#eef3f0;font-family:inherit;cursor:pointer;padding:0;font-size:17px;transition:.18s transform,.18s border-color,.18s background}
html[data-theme="light"] .theme-toggle{background:#f0efe9;color:#141712}
.theme-toggle:active{transform:scale(.92)}
#installAppBtn{color:#eef3f0}
html[data-theme="light"] #installAppBtn{color:#141712}
.notif-bell{position:relative;color:#eef3f0}
html[data-theme="light"] .notif-bell{color:#141712}
.notif-badge{position:absolute;top:-4px;left:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:#d24949;color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px var(--bg)}
.notif-panel{max-width:420px;margin:8vh auto 0;background:linear-gradient(180deg,#0e1410,#090d0b);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 25px 70px #0007}
.notif-panel .cart-head h3{font-size:18px}
.notif-list{display:flex;flex-direction:column;gap:9px;margin-top:10px}
.notif-item{border:1px solid var(--line);border-radius:15px;padding:12px 13px;background:#101612;touch-action:pan-y;user-select:none;-webkit-user-select:none;will-change:transform}.notif-clear-btn{background:none;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 11px;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;margin-inline-end:8px}.notif-clear-btn.hidden{display:none}.notif-hint{font-size:13.5px;color:var(--muted);text-align:center;margin:0 0 2px}.notif-admin-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:12px;padding:9px 11px;margin-top:7px}.notif-admin-row div{display:flex;flex-direction:column;gap:2px;min-width:0}.notif-admin-row b{font-size:15.5px}.notif-admin-row span{font-size:14px;color:var(--muted)}.notif-admin-row .btn{flex:0 0 auto;width:auto!important;min-width:76px;padding:6px 12px;font-size:14px}.notif-admin-row>div{flex:1 1 auto;overflow-wrap:anywhere}.nq-picker{border:1px solid var(--line);border-radius:14px;background:#101612;margin-top:8px;overflow:hidden}.nq-search{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#0b0f0c;padding:11px 12px}.nq-list{max-height:290px;overflow-y:auto;-webkit-overflow-scrolling:touch}.nq-group{padding:8px 12px 4px;font-size:13px;font-weight:800;color:var(--muted)}.nq-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;padding:11px 12px;background:none;border:0;border-top:1px solid var(--line);color:inherit;font:inherit;text-align:start;cursor:pointer}.nq-item small{color:var(--muted);direction:ltr;font-size:12px;flex:0 0 auto}.nq-empty{padding:14px;text-align:center;color:var(--muted)}
.notif-item.unseen{border-color:rgba(240,193,90,.4);background:rgba(240,193,90,.06)}
.notif-item-title{font-weight:900;font-size:15px;display:flex;align-items:center;gap:6px}
.notif-item-dot{width:7px;height:7px;border-radius:999px;background:#d24949;flex:0 0 auto}
.notif-item-body{margin-top:5px;font-size:14.5px;color:var(--muted);line-height:1.8}
.notif-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:9px 14px;border:0;border-radius:11px;background:linear-gradient(var(--green),var(--green2));color:#fff;font-family:inherit;font-size:14px;font-weight:900;text-decoration:none;cursor:pointer}.notif-cta:active{transform:scale(.98)}
.notif-item-time{margin-top:7px;font-size:14px;color:#8a958e}
.notif-empty{padding:26px 10px;text-align:center;color:var(--muted);font-size:15px}
html[data-theme="light"] .notif-item{background:#f0efe9}
html[data-theme="light"] .notif-item.unseen{background:rgba(240,193,90,.12)}
.install-ios-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}
.install-ios-sheet{background:var(--panel);border:1px solid var(--line);border-radius:22px 22px 0 0;padding:20px;max-width:460px;width:100%;box-shadow:0 -20px 50px #0007}
.install-ios-title{font-weight:900;font-size:17px;margin-bottom:10px}
.install-ios-text{color:var(--muted);font-size:15px;line-height:2;margin-bottom:16px}
.install-ios-text b{color:var(--text)}
.frix-splash.frix-splash-hide{opacity:0;pointer-events:none}

/* ===== شريط تنقل أفقي قابل للسحب ===== */
.nav-pills{overflow:hidden;padding:2px 2px 14px;margin-bottom:2px;cursor:grab;touch-action:pan-y}
.nav-pills.dragging{cursor:grabbing}
.nav-pills-track{display:flex;width:max-content;will-change:transform}
.nav-pills-set{display:flex;gap:8px;flex:0 0 auto}
.nav-pills::-webkit-scrollbar{display:none}
.nav-pill{flex:0 0 auto;border:1px solid var(--line);background:#101612;color:#cbd5cf;border-radius:999px;padding:9px 15px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer;white-space:nowrap;transition:.15s}
.nav-pill.active{border-color:rgba(240,193,90,.45);background:rgba(240,193,90,.12);color:#edd9ad}
html[data-theme="light"] .nav-pill{background:#e7eee9;color:#131a16;border-color:var(--line)}
html[data-theme="light"] .nav-pill.active{background:rgba(240,193,90,.18);color:#7a5a1e;border-color:rgba(240,193,90,.5)}

/* ===== شريط تبويبات سفلي ثابت ===== */
.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:space-around;align-items:center;background:rgba(8,12,10,.92);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:7px 6px calc(6px + env(safe-area-inset-bottom))}
.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:#9aa29d;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;flex:1;padding:4px;border-radius:10px}
.bottom-nav-item .bn-icon{font-size:18px;line-height:1}
.bottom-nav-item.active{color:#f0c15a}
html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.92)}
html[data-theme="light"] .bottom-nav-item{color:#5a655e}
html[data-theme="light"] .bottom-nav-item.active{color:#7a5a1e}
#cartFab{bottom:76px}
body[data-screen="admin"] #cartFab,body[data-screen="admin"] #fxAsstBtn,body[data-screen="login"] #cartFab,body[data-screen="login"] #fxAsstBtn{display:none!important}
body.gallery-open .bottom-nav,body.menu-open .bottom-nav{opacity:0;pointer-events:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,rgba(15,166,109,.14),transparent 30%),linear-gradient(#060907,#050706);color:var(--text);font-family:"Almarai",Tahoma,Arial,sans-serif}
/* خط النصوص الطويلة (القصص، الرواية، المقالات) — الخط الرئيسي للواجهة يبقى Almarai */
.journal-body,.journal-body p,.journal-article-lead,.story-box p,.story-series-head p,.story-episode .episode-content,.story-episode .episode-content p,.story-empty,.aboutBodyText,.notebook-editor,.notebook-editor p{font-family:"IBM Plex Sans Arabic","Almarai",Tahoma,Arial,sans-serif}
.wrap{max-width:760px;margin:auto;padding:18px 14px 70px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.logo{font-weight:900;font-size:22px;letter-spacing:2px}.tag{font-size:14px;color:var(--muted);border:1px solid var(--line);padding:7px 10px;border-radius:99px}
.panel{background:linear-gradient(180deg,#0e1410,#090d0b);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 25px 70px #0007}
h1{font-size:34px;line-height:1.35;margin:0 0 10px}h2{font-size:24px;margin:0 0 14px}p{line-height:1.9;color:var(--muted)}
.btn,.opt{width:100%;border:1px solid var(--line);border-radius:15px;padding:14px 15px;background:var(--panel2);color:#fff;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer}
.btn.primary{background:linear-gradient(var(--green),var(--green2));border:0}.btn.gold{background:linear-gradient(#d8b873,#a98646);color:#171109;border:0}.btn.danger{background:var(--danger);border:0}
.actions{display:grid;gap:9px;margin-top:18px}.hidden{display:none!important}.back{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;min-width:118px;border:1px solid var(--line);border-radius:14px;background:#101612;color:#e2e9e5;padding:10px 14px;margin-bottom:16px;font-family:inherit;font-size:16px;font-weight:900;cursor:pointer;transition:.18s transform,.18s border-color,.18s background}.back:hover{border-color:rgba(240,193,90,.34);background:#121a15}.back:active{transform:scale(.98)}
.catalog{display:grid;grid-template-columns:1fr 1fr;gap:11px}.product{background:#0c110e;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer}
.product img{width:100%;aspect-ratio:1/1.18;object-fit:cover;display:block;background:#000}.pb{padding:11px}.code{font-weight:900;font-size:19px}.price{margin-top:5px;font-size:15px;color:#d7e2dc}
.card-media{position:relative}
.quick-add-btn{position:absolute;bottom:8px;left:8px;width:32px;height:32px;border-radius:50%;border:none;background:var(--green);color:#fff;font-size:18px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.35);transition:.15s transform}
.quick-add-btn:hover{transform:scale(1.08)}.quick-add-btn:active{transform:scale(.92)}
.heroimg{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#000}.heroimg img{display:block;width:100%}.bigcode{font-size:40px;font-weight:900;margin:14px 0 3px}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.info{background:#101612;border:1px solid var(--line);border-radius:13px;padding:11px}.info small{display:block;color:var(--muted);margin-bottom:4px}.section{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}
.layers{display:grid;gap:8px}.layer{padding:12px;background:#101612;border:1px solid var(--line);border-radius:13px}.layer b{display:block;margin-bottom:4px}
/* FRIX Premium Scent Pyramid */
.scent-pyramid{position:relative;margin-top:12px;padding:18px 12px 16px;border:1px solid rgba(240,193,90,.22);border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(240,193,90,.09),transparent 42%),linear-gradient(180deg,#101612,#0a0f0c);overflow:hidden}
.scent-pyramid:before{content:"FRIX · SCENT ARCHITECTURE";display:block;text-align:center;font-size:14px;letter-spacing:2px;color:#9f8b61;margin-bottom:13px;direction:ltr}
.scent-level{position:relative;margin:0 auto 9px;padding:14px 18px 15px;transition:.25s transform}
.scent-level:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.018);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);transition:.25s border-color,.25s background,.25s box-shadow;pointer-events:none;z-index:0}
.scent-level.top{width:62%;min-width:220px}.scent-level.heart{width:76%;min-width:250px}.scent-level.base{width:90%;min-width:280px;margin-bottom:0}
.scent-level:hover{transform:translateY(-3px)}.scent-level:hover:before{border-color:rgba(240,193,90,.34);background:rgba(240,193,90,.055);box-shadow:0 10px 30px rgba(0,0,0,.22)}
.scent-level-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.scent-level-title{font-size:15px;font-weight:900;color:#ead8b0}.scent-level-en{font-size:14px;letter-spacing:1.2px;color:#7f8b84;direction:ltr}
.scent-notes{position:relative;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.scent-note{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:#0d130f;color:#dce4df;font-size:14px;font-weight:800;transition:.2s transform,.2s border-color,.2s color,.2s background}.scent-note:hover{transform:translateY(-2px) scale(1.02);border-color:rgba(240,193,90,.4);color:#f1dfb8;background:rgba(240,193,90,.06)}
.scent-note-linked{cursor:pointer;border-color:rgba(240,193,90,.32);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.scent-note-linked:hover{background:rgba(240,193,90,.14)}
.scent-empty{font-size:14px;color:var(--muted);text-align:center;padding:2px}.scent-pyramid-foot{text-align:center;font-size:14px;color:#6f7a74;margin-top:12px}
.code-engagement{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.like-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid rgba(240,193,90,.24);border-radius:12px;background:#101612;color:#ead8b0;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer;transition:.2s transform,.2s border-color,.2s background,.2s color,.2s box-shadow}.like-btn:hover{transform:translateY(-1px);border-color:rgba(240,193,90,.5)}.like-btn.liked{background:linear-gradient(#d8b873,#a98646);border-color:transparent;color:#171109;box-shadow:0 6px 18px rgba(240,193,90,.35)}.like-btn.pop{animation:likePop .35s ease}
@keyframes likePop{0%{transform:scale(1)}35%{transform:scale(1.18)}100%{transform:scale(1)}}
.analytics-code-card{margin-top:14px;border:1px solid rgba(240,193,90,.2);border-radius:18px;background:linear-gradient(180deg,#0f1511,#0b100d);padding:14px}.analytics-code-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.analytics-code-head b{font-size:16px}.analytics-code-head span{font-size:12px;color:#cdbb91}.analytics-code-table{width:100%;border-collapse:collapse;font-size:10px}.analytics-code-table th,.analytics-code-table td{padding:9px 7px;border-bottom:1px solid rgba(255,255,255,.05);text-align:right}.analytics-code-table th{color:#9ca8a1;font-weight:800}.analytics-code-table td{color:#e2e8e4}.analytics-code-table tr:last-child td{border-bottom:0}.analytics-code-table .num{font-weight:900;color:#ead8b0}.analytics-code-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.analytics-code-actions button, .analytics-code-actions-btn{border:1px solid var(--line);border-radius:10px;background:#111813;color:#dfe7e2;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}.code-chart{height:180px;display:flex;align-items:flex-end;gap:5px;padding:14px 5px 20px;border-top:1px solid rgba(255,255,255,.05);margin-top:10px;overflow-x:auto}.code-chart-day{min-width:18px;height:140px;display:flex;align-items:flex-end;justify-content:center;gap:2px;position:relative}.code-chart-bar{width:7px;border-radius:5px 5px 1px 1px;min-height:2px}.code-chart-bar.views{background:linear-gradient(#0fa66d,#0b7d52)}.code-chart-bar.likes{background:linear-gradient(#d8b873,#a98646)}.code-chart-day small{position:absolute;bottom:-17px;font-size:7px;color:#718078;white-space:nowrap}.code-chart-legend{display:flex;justify-content:center;gap:14px;margin-top:7px;font-size:8px;color:#9aa59f}.code-chart-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-left:4px}.code-chart-legend .v{background:#0fa66d}.code-chart-legend .l{background:#f0c15a}
@media(max-width:520px){.scent-level.top{width:74%;min-width:0}.scent-level.heart{width:87%;min-width:0}.scent-level.base{width:100%;min-width:0}.analytics-code-table{font-size:9px}.analytics-code-table th,.analytics-code-table td{padding:8px 4px}}

.progress{height:6px;background:#121a15;border-radius:99px;overflow:hidden;margin:8px 0 18px}.progress i{display:block;height:100%;background:var(--green)}.opt{text-align:right;margin-top:8px}
.quiz-bottle-wrap{width:52px;height:104px;margin:2px auto 16px;position:relative}
.quiz-bottle-shape{position:absolute;inset:0;clip-path:polygon(38% 0%,62% 0%,62% 15%,80% 24%,80% 100%,20% 100%,20% 24%,38% 15%);background:rgba(255,255,255,.035);border:1px solid var(--line);overflow:hidden}
.quiz-bottle-fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(#e9cb8c,#f0c15a);transition:height .55s cubic-bezier(.22,.9,.3,1)}
.quiz-bottle-shine{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.14),transparent 40%);pointer-events:none}
.quiz-analyzing{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 0;color:var(--muted);font-size:15px;font-weight:800}
.quiz-analyzing-dot{width:14px;height:14px;border-radius:50%;background:var(--gold);animation:quizPulse 1s ease-in-out infinite}
@keyframes quizPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.4}}
.quiz-reveal{animation:quizRevealIn .5s cubic-bezier(.22,.9,.3,1)}
@keyframes quizRevealIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.quiz-archetype{font-size:15px;color:var(--gold);font-weight:800;margin-bottom:6px}
.role-discovery{border-top:1px dashed var(--line);padding-top:16px;margin-top:18px}
.role-discovery h3{font-size:15px;color:var(--muted);margin-bottom:10px}
.role-alt-note{font-size:14.5px;color:#cbd5cf;font-weight:700;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}
.role-alt-note b{color:var(--gold)}
.quiz-alts-label{font-size:14px;color:var(--muted);font-weight:800;margin:18px 0 8px}
.quiz-alts{display:flex;gap:10px}
.quiz-alt-card{flex:0 0 140px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);text-decoration:none;color:var(--text);font-size:14px;font-weight:800}
.quiz-alt-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.quiz-alt-card:hover{border-color:rgba(240,193,90,.4)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.stat{background:#101612;border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}.stat b{display:block;font-size:22px}.stat span{font-size:14px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:block;font-size:15px;color:#cdd8d2;margin-bottom:10px}input,select,textarea{width:100%;margin-top:5px;padding:11px;border-radius:11px;border:1px solid var(--line);background:#0a0f0c;color:white;font-family:inherit;font-size:16px}textarea{min-height:76px;resize:vertical}
.social-link-row{display:grid;grid-template-columns:110px 1fr auto;grid-template-areas:"platform url url" "platform handle remove";gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;margin-top:8px;background:#0d130f}
.social-link-row select{grid-area:platform;margin:0;align-self:start}
.social-link-row input:first-of-type{grid-area:url;margin:0}
.social-link-row input:last-of-type{grid-area:handle;margin:0}
.social-link-row .btn{grid-area:remove;padding:9px 12px;font-size:14px;white-space:nowrap;margin:0}
@media(max-width:420px){.social-link-row{grid-template-columns:1fr;grid-template-areas:"platform" "url" "handle" "remove"}}
.image-upload-card{grid-column:1/-1;border:1px solid var(--line);background:rgba(255,255,255,.018);border-radius:16px;padding:13px;margin-top:2px}.image-upload-title{font-size:15px;font-weight:900;color:#f3f7f4;margin-bottom:9px}.image-file-label{display:block;border:1px dashed rgba(240,193,90,.48);background:rgba(240,193,90,.07);padding:12px;border-radius:13px;color:#e8d8b6;font-weight:800;cursor:pointer;text-align:center}.image-file-label input[type=file]{margin-top:8px;padding:8px;background:#080c09;font-size:15px}.image-upload-help{font-size:14px;color:var(--muted);line-height:1.7;margin:7px 1px 10px}.image-preview{height:180px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#080b09;display:grid;place-items:center;margin-bottom:10px}.image-preview img{width:100%;height:100%;object-fit:contain;display:block}.image-preview.empty{color:var(--muted);font-size:14px}.image-url-fallback{border-top:1px solid var(--line);padding-top:9px}.image-url-fallback summary{cursor:pointer;font-size:14px;color:#cbd4ce;font-weight:800}.image-upload-status{margin:8px 0 0}.image-upload-card .status.ok{color:#7ee0b4}.image-upload-card .status.error{color:#ff9d9d}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.image-preview{height:210px}}
.admin-item{border:1px solid var(--line);border-radius:16px;padding:13px;margin-top:9px;background:#0d130f}.admin-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.admin-head-main{display:flex;gap:10px;align-items:center;min-width:0}.admin-actions{display:flex;gap:6px;margin-top:10px}.admin-actions .btn{padding:9px;font-size:15px}
.drag-handle{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--muted);cursor:grab;border:1px solid var(--line);border-radius:9px;background:#0a0f0c;touch-action:none}.drag-handle:active{cursor:grabbing}
.drag-ghost{opacity:.35}
#adminList .admin-item.sortable-chosen{border-color:rgba(240,193,90,.4)}
.notice{margin-top:16px;border:1px solid rgba(240,193,90,.25);background:rgba(240,193,90,.06);padding:13px;border-radius:14px;font-size:15px;color:#d4c3a0;line-height:1.8}
.status{font-size:15px;color:#9fb0a6;margin-bottom:12px}.error{color:#ff9d9d}.ok{color:#7ee0b4}
@media(min-width:650px){.catalog{grid-template-columns:repeat(3,1fr)}}

.cart-fab{position:fixed;left:14px;bottom:16px;z-index:30;border:1px solid var(--line);background:#0f1712;color:#fff;border-radius:18px;padding:12px 14px;font-family:inherit;font-weight:900;box-shadow:0 16px 36px rgba(0,0,0,.38);cursor:pointer}
.cart-fab span{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:99px;background:var(--green);font-size:11px;margin-right:6px}
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:40;padding:16px;overflow:auto}
.cart-sheet{max-width:560px;margin:36px auto;background:#0b100d;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.cart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.cart-head h3{margin:0;font-size:21px}.cart-head-actions{display:flex;align-items:center;gap:7px}.cart-clear{border:1px solid rgba(255,105,105,.22);background:rgba(255,105,105,.055);color:#efb6b6;border-radius:10px;padding:7px 10px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}.cart-clear:hover{background:rgba(255,105,105,.1)}.cart-close{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#111813;color:#d7e0db;font-size:23px;line-height:1;cursor:pointer}
.cart-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}
.cart-item b{display:block;margin-bottom:4px}.cart-item small{color:var(--muted)}
.qty{display:flex;align-items:center;gap:8px}.qty button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#111813;color:#fff;font-size:18px}
.offer-box{margin-top:14px;padding:14px;border-radius:16px;border:1px solid rgba(240,193,90,.25);background:linear-gradient(135deg,rgba(240,193,90,.08),rgba(15,166,109,.06))}
.offer-box strong{display:block;font-size:16px;margin-bottom:6px}.offer-box p{margin:0;color:#c8d2cc;font-size:15px;line-height:1.7}
.cart-total{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:19px;font-weight:900}
.saving{color:#7fe2b5;font-size:15px;margin-top:6px}
.cart-empty{text-align:center;color:var(--muted);padding:28px 10px}


.status-badge{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:900}
.status-badge.available{color:#7fe2b5;border-color:rgba(15,166,109,.35)}
.status-badge.coming_soon{color:#e7d5ae;border-color:rgba(240,193,90,.35)}
.status-badge.hidden-code{color:#9aa29d}
.admin-note{font-size:14px;color:var(--muted);margin-top:4px;line-height:1.6}
.variant-list{display:grid;gap:10px;margin-top:12px}
.variant-card{border:1px solid var(--line);background:#101612;border-radius:16px;padding:14px}
.variant-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.variant-name{font-weight:900;font-size:15px}.variant-price{font-weight:900;color:#e7d5ae;white-space:nowrap}
.price-line{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.detail-top-price{margin:10px 0 2px;font-family:inherit;font-weight:900;font-size:20px;color:#e7d5ae}
.detail-top-price .price-new{font-size:20px}
.detail-top-price small{display:block;margin-top:2px;font-size:14px;font-weight:700;color:var(--muted)}
html[data-theme="light"] .detail-top-price{color:#513f18}
.price-old{color:#8a9089;text-decoration:line-through;text-decoration-thickness:2px;white-space:nowrap;font-size:14px;font-weight:700}
.price-new{color:#ff6d6d;font-weight:900}
.discount-badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:rgba(255,109,109,.14);border:1px solid rgba(255,109,109,.35);color:#ff8a8a;font-size:14px;font-weight:900;margin-inline-start:6px}
.story-box{margin-top:16px;border:1px solid rgba(240,193,90,.22);background:rgba(240,193,90,.05);border-radius:16px;padding:14px}
.story-box h3{margin-top:0}.soon-card{opacity:.84}.soon-overlay{font-weight:900;color:#e7d5ae;margin-top:7px}
.box-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
@media(max-width:620px){.box-grid{grid-template-columns:1fr}}


/* ===== FRIX premium public experience ===== */
body{background:
  radial-gradient(circle at 82% -10%,rgba(15,166,109,.18),transparent 34%),
  radial-gradient(circle at 0 40%,rgba(240,193,90,.07),transparent 24%),
  linear-gradient(180deg,#050806 0%,#030504 100%)}
.wrap{max-width:820px;padding:18px 14px 92px}
body.has-offline-banner{padding-top:34px}
#frixOfflineBanner{transition:.2s opacity}
header{margin-bottom:14px;padding:4px 4px 0}
.logo{font-size:25px;letter-spacing:3px;line-height:1;color:#f0c15a}html[data-theme="light"] .logo{color:#9a7a2e}.logo:after{content:"CODED PERFUMERY";display:block;font-size:10px;letter-spacing:2.3px;color:var(--muted);margin-top:6px;font-weight:700}
.tag{background:rgba(255,255,255,.015);font-weight:700}
.panel{border-color:rgba(137,176,153,.14);background:linear-gradient(180deg,rgba(13,20,16,.96),rgba(7,11,9,.98));box-shadow:0 30px 90px rgba(0,0,0,.42)}
.home-panel{padding:0;overflow:hidden}
.hero-brand{position:relative;min-height:515px;padding:54px 28px 34px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}
.hero-brand:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:rgba(15,166,109,.12);filter:blur(70px);top:-100px;right:-90px;z-index:-1}
.hero-brand:after{content:"FRIX";position:absolute;left:-12px;bottom:-42px;font-weight:900;font-size:116px;letter-spacing:8px;color:rgba(255,255,255,.018);z-index:-1;direction:ltr}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#d9c392;font-size:14px;letter-spacing:1.6px;font-weight:900;margin-bottom:18px}
.hero-kicker:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.hero-brand h1{font-size:44px;line-height:1.36;letter-spacing:-1.5px;margin:0;max-width:650px}
.hero-brand h1 span{color:#fff}.hero-brand h1 em{font-style:normal;color:#f0c15a}
.hero-brand .hero-copy{font-size:16px;max-width:580px;margin:18px 0 0;line-height:2;color:#aeb9b2}
.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;max-width:570px}
.hero-actions .btn{min-height:52px}
.hero-action{display:flex;flex-direction:column;gap:6px}
.hero-action-note{margin:0;padding:0 2px;font-size:14px;line-height:1.6;color:var(--muted)}
.hero-note{display:flex;align-items:center;gap:10px;margin-top:22px;color:#d9e1dc;font-size:15px;font-weight:800}
.hero-note i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(15,166,109,.1)}
.home-content{padding:0 22px 24px}
.home-divider{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:0 0 22px}
.experience-card{position:relative;padding:22px;border:1px solid rgba(240,193,90,.22);border-radius:22px;background:linear-gradient(135deg,rgba(240,193,90,.075),rgba(15,166,109,.045));overflow:hidden}
.site-banner{display:flex;align-items:center;justify-content:center;text-align:center;gap:12px;margin-bottom:18px;padding:16px 20px;border-radius:18px;border:1.5px solid rgba(240,193,90,.6);background:linear-gradient(135deg,rgba(240,193,90,.32),rgba(15,166,109,.2));color:var(--text);font-size:16px;font-weight:900;line-height:1.8;letter-spacing:.2px;box-shadow:0 8px 26px rgba(240,193,90,.18);animation:bannerIn .4s ease,bannerGlow 2.8s ease-in-out infinite}
@keyframes bannerGlow{0%,100%{box-shadow:0 8px 26px rgba(240,193,90,.18)}50%{box-shadow:0 8px 32px rgba(240,193,90,.4)}}
@keyframes bannerIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.site-banner span{flex:1}
.site-banner-close{flex:none;width:26px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:var(--text);font-size:14px;line-height:1;cursor:pointer;display:grid;place-items:center;font-family:inherit}
html[data-theme="light"] .site-banner-close{border-color:rgba(0,0,0,.22)}
.banner-admin-preview{margin-top:10px}
.experience-card:after{content:"TRY";position:absolute;left:12px;bottom:-18px;font-size:62px;font-weight:900;color:rgba(255,255,255,.025);letter-spacing:4px;direction:ltr}
.experience-label{color:#f0c15a;font-size:14px;font-weight:900;letter-spacing:.7px;margin-bottom:6px}
.experience-card h2{font-size:27px;margin:0 0 7px}.experience-card p{font-size:15px;margin:0;max-width:560px}
.experience-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px;position:relative;z-index:1}
.home-section{padding:30px 0 4px}.home-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px}.home-section-head h2{margin:0;font-size:24px}.home-section-head p{margin:4px 0 0;font-size:14px}.text-link{border:0;background:transparent;color:#f0c15a;font-family:inherit;font-weight:900;font-size:14px;cursor:pointer;white-space:nowrap}.usage-guide-card{display:flex;flex-direction:column;gap:3px;width:100%;text-align:right;margin:10px 0 4px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#141a15,#0e1310);cursor:pointer;font-family:inherit}.usage-guide-card b{font-size:15px;color:#f0c15a}.usage-guide-card span{font-size:14px;line-height:1.7;color:var(--muted)}.usage-guide-card:active{transform:scale(.98)}
html[data-theme="light"] .usage-guide-card{background:linear-gradient(180deg,#eff4f1,#e9efea);border:1px solid var(--line)}html[data-theme="light"] .usage-guide-card b{color:#796027}
.story-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.story-preview{min-height:184px;padding:16px 15px 20px;border-radius:18px;border:1px solid var(--line);border-top:3px solid var(--accent,var(--gold));background:linear-gradient(180deg,#101611,#0b100d);cursor:pointer;position:relative;overflow:hidden;transition:.2s transform,.2s border-color,.2s box-shadow}.story-preview:hover{transform:translateY(-3px);border-color:var(--accent,rgba(240,193,90,.35));box-shadow:0 14px 28px -16px var(--accent-shadow,rgba(240,193,90,.35))}
.story-preview.has-image{background:#0c100d}
.story-preview.has-image::before{content:"";position:absolute;inset:0;background-image:var(--story-img);background-size:cover;background-position:center;z-index:0}
.story-preview.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,7,.32),rgba(6,8,7,.58) 60%,rgba(6,8,7,.93));z-index:1}
.story-preview.has-image>*{position:relative;z-index:2}
.story-preview.has-image .story-preview-title,.story-preview.has-image .story-preview-copy{color:#f3f5f3}
.story-preview.has-image .story-preview-kicker{color:#e9d9ad}
.story-preview-kicker{font-size:14px;font-weight:900;letter-spacing:.4px;color:var(--accent,#f0c15a);text-transform:uppercase;opacity:.9}
.story-preview-code{font-size:21px;font-weight:900;direction:ltr;text-align:right;color:var(--accent,var(--text));margin-top:4px}.story-preview-title{font-size:15px;font-weight:800;margin-top:14px;line-height:1.8;color:#e7ece9}.story-preview-copy{font-size:14px;line-height:1.75;color:var(--muted);margin-top:5px}.story-preview-arrow{position:absolute;left:13px;bottom:13px;width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent,var(--gold));color:#050706;font-size:13px;font-weight:900}
.catalog-intro{margin-bottom:16px}.catalog-intro p{margin:0;font-size:15px}.product{transition:.2s transform,.2s border-color}.product:hover{transform:translateY(-2px);border-color:rgba(15,166,109,.35)}
.product-story{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.045);font-size:14px;color:#f0c15a;font-weight:800}.product-story span:last-child{font-size:15px}
.detail-kicker{color:#f0c15a;font-size:14px;font-weight:900;letter-spacing:.5px;margin-top:10px}.detail-lead{font-size:16px;color:#b8c2bc;margin-top:8px}
.story-box{padding:18px;border-radius:19px}.story-box:before{content:"قصة الكود";display:block;color:#f0c15a;font-size:14px;font-weight:900;margin-bottom:6px}.story-box h3{font-size:20px;margin-bottom:7px}.story-box p{font-size:15px;color:var(--article-color,var(--muted));font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none)}

/* cart conversion layer */
.cart-sheet{border-radius:28px;padding:20px;border-color:rgba(129,168,145,.2);background:linear-gradient(180deg,#0c120e,#080c0a)}
.cart-head{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.035)}
.cart-item{padding:15px 0}.cart-item-main{min-width:0}.cart-item-title{font-size:15px}.cart-item-meta{display:block;color:var(--muted);font-size:14px;margin-top:3px}.cart-story-link{border:0;background:transparent;color:#f0c15a;padding:7px 0 0;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer}
.offer-box{padding:16px;border-radius:18px}.offer-box strong{font-size:17px}.offer-box .offer-save{font-size:22px;color:#f2f5f3;margin-bottom:3px}.offer-box .offer-sub{color:#b9c5be;font-size:14px;line-height:1.8;margin:0}.offer-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.offer-chip{border:1px solid rgba(15,166,109,.28);background:rgba(15,166,109,.07);color:#dff8eb;border-radius:999px;padding:8px 11px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}.offer-action{width:100%;margin-top:10px;border:1px solid rgba(240,193,90,.23);background:rgba(240,193,90,.06);color:#ead9b4;border-radius:13px;padding:11px;font-family:inherit;font-weight:900;cursor:pointer}
.summary-lines{margin-top:16px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.summary-line{display:flex;justify-content:space-between;gap:10px;font-size:15px;color:#abb7b0;padding:4px 0}.summary-line.discount{color:#7fe2b5;font-weight:900}.cart-total{margin-top:13px}.saving{display:none}
.cart-fab{backdrop-filter:blur(12px);background:rgba(12,20,15,.92)}

@media(max-width:620px){
  .hero-brand{min-height:500px;padding:44px 22px 28px}.hero-brand h1{font-size:36px;line-height:1.42}.hero-actions,.experience-actions{grid-template-columns:1fr}.home-content{padding:0 16px 20px}.story-preview-grid{grid-template-columns:1fr}.story-preview{min-height:120px}.home-section-head{align-items:start}.catalog{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){.hero-brand h1{font-size:32px}.catalog{grid-template-columns:1fr 1fr}.pb{padding:10px}.code{font-size:17px}}

/* ===== full code stories + delivery clarity ===== */
.price-delivery{display:block;margin-top:2px;color:#83caaa;font-size:14px;font-weight:800}
.variant-price small{display:block;margin-top:3px;color:#83caaa;font-size:14px;font-weight:800;text-align:left}
.catalog-delivery-note{margin-top:7px;font-size:14px;color:#83caaa;font-weight:800}
.story-series{margin-top:18px;border:1px solid rgba(240,193,90,.25);background:linear-gradient(180deg,rgba(240,193,90,.055),rgba(9,14,11,.9));border-radius:22px;overflow:hidden}
.story-series-head{padding:20px 18px 17px;border-bottom:1px solid rgba(240,193,90,.14)}
.story-series-label{font-size:14px;color:#f0c15a;font-weight:900;letter-spacing:.8px;margin-bottom:7px}
.story-series-head h3{font-size:22px;margin:0 0 7px}.story-series-head p{margin:0;font-size:15px;line-height:2;color:var(--article-color,#b6c2bb);font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none)}
.story-count{display:inline-flex;margin-top:11px;padding:5px 9px;border-radius:999px;border:1px solid rgba(240,193,90,.22);color:#f0c15a;font-size:14px;font-weight:900}
.story-listen-btn{display:inline-flex;align-items:center;margin-top:11px;margin-inline-start:8px;padding:5px 9px;border-radius:999px;border:1px solid rgba(240,193,90,.22);background:rgba(240,193,90,.06);font-size:14px}
.story-episodes{padding:10px}
.story-episode{border:1px solid var(--line);border-radius:16px;background:#0d130f;margin:8px 0;overflow:hidden}
.story-episode[open]{border-color:rgba(240,193,90,.26);background:linear-gradient(180deg,#101712,#0b100d)}
.story-episode summary{list-style:none;cursor:pointer;padding:15px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:900}
.story-episode summary::-webkit-details-marker{display:none}.story-episode summary:after{content:"＋";color:#f0c15a;font-size:17px}.story-episode[open] summary:after{content:"−"}
.episode-index{display:block;color:#f0c15a;font-size:14px;letter-spacing:.7px;margin-bottom:3px}.episode-title{font-size:16px;color:#f3f6f4}
.episode-continue-badge{display:inline-block;margin-inline-start:8px;font-size:14px;font-weight:900;color:#0b100d;background:var(--accent,var(--gold));padding:3px 8px;border-radius:999px;vertical-align:middle}
.episode-content{padding:0 15px 18px;border-top:1px solid rgba(255,255,255,.035)}
.episode-content p{white-space:pre-wrap;color:var(--article-color,#d5ddd8);font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none);font-size:calc(15px*var(--article-font-scale,1));line-height:2.25;margin:15px 0 0}
.episode-telegram{display:inline-flex;margin-top:16px;color:#f0c15a;text-decoration:none;border:1px solid rgba(240,193,90,.22);border-radius:12px;padding:9px 12px;font-size:14px;font-weight:900}
.story-master-link{display:flex;margin:0 10px 12px;text-decoration:none;justify-content:center;color:#e8d8b5;border:1px solid rgba(240,193,90,.22);background:rgba(240,193,90,.05);border-radius:13px;padding:11px;font-size:14px;font-weight:900}
.story-empty{padding:18px;color:var(--muted);font-size:14px;line-height:1.9}
.admin-story-intro{padding:12px 13px;border:1px solid rgba(240,193,90,.22);background:rgba(240,193,90,.05);border-radius:14px;margin-bottom:14px;color:#d9c9a9;font-size:14px;line-height:1.8}
.admin-episode{border:1px solid var(--line);border-radius:15px;background:#0d130f;margin:10px 0;overflow:hidden}.admin-episode summary{cursor:pointer;padding:13px 14px;font-size:15px;font-weight:900;color:#e7d5ae}.admin-episode-fields{padding:0 13px 13px}.admin-episode textarea{min-height:220px;line-height:1.9}
#aboutContent{max-width:650px;margin:0 auto}
@media(max-width:620px){.episode-content p{font-size:calc(15.5px*var(--article-font-scale,1));line-height:2.2}.story-series-head h3{font-size:20px}}

/* ===== FRIX series architecture ===== */
.series-chip{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:6px 10px;border:1px solid rgba(240,193,90,.22);background:rgba(240,193,90,.045);border-radius:999px;color:#f0c15a;font-size:14px;font-weight:900;letter-spacing:.25px}
.trending-badge{display:inline-flex;align-items:center;margin-top:8px;margin-inline-start:6px;padding:5px 10px;border-radius:999px;background:linear-gradient(90deg,#c7482e,#a8341f);color:#fff;font-size:14px;font-weight:900}
.trending-badge.card{display:block;width:fit-content;margin:8px auto 0;font-size:14px;padding:4px 9px}
.stock-badge{display:inline-flex;align-items:center;gap:4px;margin-top:8px;margin-inline-start:6px;padding:5px 10px;border-radius:999px;background:rgba(240,193,90,.12);border:1px solid rgba(240,193,90,.3);color:#e9cf98;font-size:14px;font-weight:900}
.stock-badge.low{background:rgba(199,68,52,.14);border-color:rgba(199,68,52,.4);color:#f0a99b}
.stock-badge.card{display:block;width:fit-content;margin:6px auto 0;font-size:14px;padding:4px 8px}
.related-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.related-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);text-decoration:none;color:var(--text);font-size:14px;font-weight:800}
.related-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.related-card:hover{border-color:rgba(240,193,90,.4)}
.skeleton-card{aspect-ratio:1/1.55;border-radius:18px;background:linear-gradient(90deg,#0c110e 25%,#141b16 37%,#0c110e 63%);background-size:400% 100%;animation:skeletonShine 1.4s ease infinite}
@keyframes skeletonShine{0%{background-position:100% 0}100%{background-position:0 0}}
.catalog-series{grid-column:1/-1;margin:10px 0 18px}.catalog-series:first-child{margin-top:0}.series-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 2px 11px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.045)}.series-head-main{min-width:0}.series-eyebrow{font-size:14px;color:#f0c15a;font-weight:900;letter-spacing:1px}.series-title{font-size:18px;font-weight:900;margin-top:3px}.series-copy{font-size:14px;color:var(--muted);line-height:1.7;margin-top:3px}.series-count{flex:0 0 auto;min-width:34px;height:34px;border:1px solid var(--line);border-radius:999px;display:grid;place-items:center;color:#cbd5cf;font-size:14px;font-weight:900}.series-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.product-series{display:inline-flex;margin-top:6px;color:#bda46f;font-size:14px;font-weight:900;letter-spacing:.15px}.admin-series{display:inline-flex;margin-top:5px;padding:4px 7px;border-radius:999px;border:1px solid rgba(240,193,90,.18);color:#d6bd86;font-size:12px;font-weight:900}.series-auto-note{margin:0 0 13px;padding:10px 12px;border-radius:13px;border:1px solid rgba(15,166,109,.2);background:rgba(15,166,109,.045);color:#b9d7c9;font-size:14px;line-height:1.8}.result-series{margin:12px 0 -4px}
@media(min-width:650px){.series-grid{grid-template-columns:repeat(3,1fr)}}
.catalog-status-section{grid-column:1/-1;margin:2px 0 22px}.catalog-status-section+.catalog-status-section{margin-top:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.055)}.catalog-status-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 2px 12px}.catalog-status-kicker{font-size:14px;color:#f0c15a;font-weight:900;letter-spacing:1px}.catalog-status-title{font-size:22px;font-weight:900;margin-top:3px}.catalog-status-copy{font-size:14px;color:var(--muted);line-height:1.8;margin-top:4px}.catalog-status-count{flex:0 0 auto;min-width:36px;height:36px;border:1px solid var(--line);border-radius:999px;display:grid;place-items:center;color:#cbd5cf;font-size:14px;font-weight:900}.catalog-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}@media(min-width:650px){.catalog-status-grid{grid-template-columns:repeat(3,1fr)}}

@media(max-width:390px){.series-title{font-size:16px}.series-copy{font-size:14px}.series-head{align-items:center}}

/* ===== FRIX names + personalization ===== */
.names-hub{margin-top:30px;padding-top:28px;border-top:1px solid var(--line)}
.names-hub-head{margin-bottom:14px}.names-hub-head h2{margin:0;font-size:24px}.names-hub-head p{margin:5px 0 0;font-size:14px}
.names-paths{display:grid;grid-template-columns:1fr 1fr;gap:11px}.name-path{position:relative;overflow:hidden;min-height:210px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#101611,#0a0f0c)}
.name-path.gold-path{border-color:rgba(240,193,90,.22);background:linear-gradient(135deg,rgba(240,193,90,.07),rgba(11,17,13,.97))}.name-path:after{position:absolute;left:8px;bottom:-24px;font-size:74px;font-weight:900;color:rgba(255,255,255,.018);direction:ltr}.name-path:first-child:after{content:"NAME"}.name-path:last-child:after{content:"YOURS"}
.name-path-kicker{font-size:14px;color:#f0c15a;font-weight:900;letter-spacing:.9px;margin-bottom:11px}.name-path h3{font-size:20px;margin:0 0 7px}.name-path p{font-size:14px;line-height:1.9;margin:0 0 15px}.name-path .btn{position:relative;z-index:1}
.names-paths.single{grid-template-columns:1fr}
.pz-soon{border:1px dashed rgba(240,193,90,.45);border-radius:18px;padding:22px 16px;margin:14px 0;text-align:center;color:#f0c15a;font-weight:900;font-size:16px;line-height:1.9;background:rgba(240,193,90,.05)}
.pz-price{margin:12px 0 4px;padding:11px 14px;border:1px solid rgba(240,193,90,.35);border-radius:14px;font-size:15px;font-weight:900;line-height:1.9;color:#f0c15a}
html[data-theme="light"] .pz-price{color:#796027}
.pz-soon.pz-soon-inline{padding:11px 14px;margin:6px 0 0;font-size:15px;border-radius:14px;position:relative;z-index:1}
html[data-theme="light"] .pz-soon{color:#796027;background:rgba(240,193,90,.09)}
.name-search-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.name-search-row input{margin:0;min-height:48px}.name-search-row .btn{width:auto;min-width:110px;padding-inline:18px}
.name-note{font-size:14px;color:#8f9c94;line-height:1.8;margin-top:10px}.name-note strong{color:#f0c15a}
.name-result-card{margin-top:18px;border:1px solid rgba(240,193,90,.25);border-radius:22px;padding:20px;background:linear-gradient(145deg,rgba(240,193,90,.07),rgba(9,14,11,.96));position:relative;overflow:hidden}.name-result-card:after{content:"FRIX";position:absolute;left:-6px;bottom:-31px;font-size:86px;font-weight:900;letter-spacing:6px;color:rgba(255,255,255,.018);direction:ltr}.name-result-label{font-size:14px;letter-spacing:1px;color:#f0c15a;font-weight:900}.name-result-name{font-size:38px;font-weight:900;margin-top:8px}.name-traits{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.trait-chip{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--line);font-size:14px;color:#d6dfda;font-weight:800}.name-code-match{margin-top:17px;padding-top:15px;border-top:1px solid rgba(255,255,255,.06)}.name-code-match small{color:var(--muted);display:block}.name-code-match b{display:block;font-size:27px;margin-top:4px;direction:ltr;text-align:right}.name-reason{font-size:14px;color:#c2ccc6;line-height:2;margin-top:8px}
.names-list-tools{display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0}.names-list-tools input{margin:0}.names-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.name-chip-btn{border:1px solid var(--line);border-radius:14px;background:#101612;color:#fff;padding:11px 9px;font-family:inherit;cursor:pointer;text-align:right}.name-chip-btn b{display:block;font-size:15px}.name-chip-btn span{display:block;margin-top:2px;font-size:14px;color:#bba471}.name-chip-btn:hover{border-color:rgba(240,193,90,.35)}
.missing-name{margin-top:18px;padding:18px;border:1px dashed rgba(240,193,90,.34);border-radius:18px;background:rgba(240,193,90,.035)}.missing-name h3{margin:0 0 6px;font-size:19px}.missing-name p{font-size:14px;margin:0}.missing-name .btn{margin-top:12px}
.personal-builder{display:grid;grid-template-columns:1fr .9fr;gap:16px;align-items:start}.personal-form{min-width:0}.personal-preview{position:sticky;top:16px;border:1px solid rgba(240,193,90,.28);border-radius:24px;padding:24px 18px;background:radial-gradient(circle at 50% 0,rgba(240,193,90,.12),transparent 42%),linear-gradient(180deg,#101511,#090d0b);text-align:center;overflow:hidden}.personal-preview:before{content:"";position:absolute;inset:12px;border:1px solid rgba(240,193,90,.10);border-radius:17px;pointer-events:none}.personal-brand{font-size:24px;font-weight:900;letter-spacing:4px;direction:ltr}.personal-code{font-size:16px;color:#f0c15a;font-weight:900;margin-top:24px;direction:ltr}.personal-name{font-size:30px;font-weight:900;margin-top:8px;min-height:50px;word-break:break-word}.personal-caption{font-size:14px;color:var(--muted);margin-top:20px}.personal-disclaimer{font-size:14px;line-height:1.9;color:#8f9c94;margin-top:12px}.free-tag{display:inline-flex;margin-inline-start:6px;padding:2px 7px;border:1px solid rgba(240,193,90,.28);border-radius:999px;color:#f0c15a;font-size:14px;font-weight:900}.gift-message-box{margin:12px 0;border:1px solid var(--line);border-radius:15px;background:#0c120e;overflow:hidden}.gift-message-box summary{cursor:pointer;list-style:none;padding:13px 14px;color:#f0c15a;font-size:14px;font-weight:900}.gift-message-box summary::-webkit-details-marker{display:none}.gift-message-box[open] summary{border-bottom:1px solid var(--line)}.gift-message-box label{display:block;padding:12px 14px 4px}.gift-message-box textarea{min-height:86px}.gift-hint{padding:0 14px 12px;color:var(--muted);font-size:14px}
.admin-name-item{border:1px solid var(--line);border-radius:16px;padding:13px;margin-top:8px;background:#0d130f}.admin-name-code{color:#f0c15a;font-size:13px;font-weight:900}.request-pill{display:inline-flex;padding:4px 7px;border:1px solid rgba(240,193,90,.22);border-radius:999px;font-size:14px;color:#f0c15a;margin-top:5px}
@media(max-width:620px){.names-paths,.personal-builder{grid-template-columns:1fr}.name-path{min-height:auto}.name-search-row{grid-template-columns:1fr}.name-search-row .btn{width:100%}.names-grid{grid-template-columns:1fr 1fr}.personal-preview{position:relative;top:auto}.name-result-name{font-size:32px}}

/* ===== FRIX try-first experience ===== */
.try-more{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:0;border:0;background:transparent;color:#f0c15a;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}
.try-mini{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 4px;padding:11px 12px;border:1px solid rgba(240,193,90,.18);border-radius:14px;background:rgba(240,193,90,.045)}
.try-mini-copy{min-width:0}.try-mini-copy b{display:block;font-size:14px;color:#f0e5cc}.try-mini-copy span{display:block;margin-top:2px;font-size:14px;color:var(--muted)}
.try-policy-card{max-width:620px;margin:10px auto 0;padding:22px;border:1px solid rgba(240,193,90,.2);border-radius:22px;background:linear-gradient(180deg,rgba(240,193,90,.055),rgba(10,15,12,.92))}
.try-policy-card h2{margin:4px 0 8px;font-size:28px}.try-policy-card>p{font-size:15px;margin:0 0 16px}.try-steps{display:grid;gap:8px}.try-step{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.045);font-size:14px;line-height:1.75}.try-step>div{font-size:calc(14px*var(--article-font-scale,1));color:var(--article-color,inherit);font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none)}.try-step:last-child{border-bottom:0}.try-step i{flex:0 0 22px;height:22px;display:grid;place-items:center;border:1px solid rgba(240,193,90,.22);border-radius:99px;color:#f0c15a;font-style:normal;font-size:11px;font-weight:900}
.try-terms{margin-top:14px;padding:11px 12px;border-radius:13px;background:#0e1511;border:1px solid var(--line);font-size:14px;color:#b9c4bd;line-height:1.8}
.sample-included{display:flex;flex-direction:column;gap:3px;margin-top:8px;padding:8px 9px;border-radius:10px;background:rgba(15,166,109,.055);border:1px solid rgba(15,166,109,.16);font-size:14px}.sample-included b{margin:0;color:#a9e6c8;font-size:14px}.sample-included span{color:var(--muted);white-space:normal;overflow-wrap:break-word}
.cart-try-note{margin-top:12px;padding:10px 11px;border:1px solid rgba(240,193,90,.15);border-radius:12px;background:rgba(240,193,90,.035);font-size:14px;color:#bfc8c2;line-height:1.7}.cart-try-note button{border:0;background:transparent;color:#f0c15a;font-family:inherit;font-size:14px;font-weight:900;padding:0;margin-right:4px;cursor:pointer}
@media(max-width:520px){.try-mini{align-items:flex-start}.try-policy-card{padding:18px}.try-policy-card h2{font-size:25px}}

/* ===== FRIX social links ===== */
.social-footer{margin:20px 0 14px;padding:20px 18px;border:1px solid rgba(137,176,153,.13);border-radius:22px;background:linear-gradient(180deg,rgba(13,20,16,.86),rgba(7,11,9,.92));text-align:center}
.dev-credit{margin:8px 0 86px;text-align:center}.dev-credit a{display:inline-flex!important;align-items:center;justify-content:center;gap:10px!important;padding:14px 28px;border-radius:99px;border:1px solid rgba(240,193,90,.5);background:linear-gradient(135deg,rgba(240,193,90,.16),rgba(240,193,90,.04));color:#f0c15a;text-decoration:none;font-weight:900;font-size:17px;box-shadow:0 6px 22px rgba(0,0,0,.28);transition:transform .15s,border-color .2s,background .2s}.dev-credit a svg{width:20px!important;height:20px!important}.dev-credit a:hover,.dev-credit a:active{text-decoration:none;border-color:#f0c15a;background:linear-gradient(135deg,rgba(240,193,90,.26),rgba(240,193,90,.08));transform:translateY(-1px)}
.social-footer-label{font-size:14px;color:var(--muted);font-weight:800;margin-bottom:12px}.social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.social-link{display:inline-flex;align-items:center;gap:8px;min-height:43px;padding:9px 12px;border:1px solid var(--line);border-radius:13px;background:#101612;color:#f2f5f3;text-decoration:none;font-size:14px;font-weight:900;transition:.18s transform,.18s border-color,.18s background}.social-link:hover{transform:translateY(-1px);border-color:rgba(240,193,90,.32);background:#121a15}.social-link svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-link .social-handle{direction:ltr;unicode-bidi:isolate;color:#cbd5cf}.social-link.whatsapp svg{stroke-width:1.65}.social-link.tiktok svg{stroke-width:1.9}.social-link.facebook svg{fill:currentColor;stroke:none}.social-link.telegram svg{fill:currentColor;stroke:none}@media(max-width:420px){.social-links{display:grid;grid-template-columns:1fr}.social-link{justify-content:center}.social-footer{padding:17px 14px}}


/* ===== FRIX lightweight analytics ===== */
.analytics-card{margin-top:14px;border:1px solid rgba(15,166,109,.22);background:linear-gradient(135deg,rgba(15,166,109,.065),rgba(240,193,90,.035));border-radius:18px;padding:14px}
.analytics-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.analytics-head b{font-size:16px}.analytics-head span{font-size:12px;color:var(--muted)}
.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.analytics-metric{border:1px solid var(--line);border-radius:13px;background:#0d130f;padding:10px;text-align:center}.analytics-metric b{display:block;font-size:19px}.analytics-metric span{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.5}
.analytics-status{font-size:13px;color:var(--muted);margin-top:9px;line-height:1.7}.analytics-status.error{color:#e8b0a8}
@media(max-width:620px){.analytics-grid{grid-template-columns:1fr 1fr}}

/* ===== FRIX Magazine + aging ===== */
.home-journal-grid,.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.journal-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#101612,#0a0f0c);overflow:hidden;cursor:pointer;transition:.18s transform,.18s border-color}.journal-card:hover{transform:translateY(-1px);border-color:rgba(240,193,90,.28)}.journal-cover{aspect-ratio:1.36/1;background:radial-gradient(circle at 80% 0,rgba(240,193,90,.11),transparent 40%),#0a0e0b;overflow:hidden;display:grid;place-items:center}.journal-cover img{width:100%;height:100%;object-fit:cover;display:block}.journal-cover-fallback{font-size:14px;color:#f0c15a;font-weight:900;letter-spacing:1px}.journal-card-body{padding:13px}.journal-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;color:#c5b17f;font-weight:900}.journal-card h3{margin:7px 0 4px;font-size:15px;line-height:1.7}.journal-card p{margin:0;font-size:14px;line-height:1.8}.journal-arrow{display:inline-block;margin-top:9px;color:#f0c15a;font-size:14px;font-weight:900}.journal-filters{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 18px}.journal-filter{border:1px solid var(--line);background:#101612;color:#cbd5cf;border-radius:999px;padding:8px 11px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}.journal-filter.active{border-color:rgba(240,193,90,.4);background:rgba(240,193,90,.09);color:#edd9ad}
#homeJournalGrid .journal-cover,#homeEncyclopediaCard .journal-cover{aspect-ratio:auto;display:block;background:transparent}#homeJournalGrid .journal-cover img,#homeEncyclopediaCard .journal-cover img{width:100%;height:auto;object-fit:contain;display:block}#homeJournalGrid .journal-cover:not(:has(img)),#homeEncyclopediaCard .journal-cover:not(:has(img)){aspect-ratio:1.36/1;display:grid}
.journal-series-filters{margin:-10px 0 16px;padding-top:2px}.journal-series-filters .journal-filter{border-style:dashed;font-size:14px;padding:6px 10px;opacity:.9}.journal-sort-host{margin:-6px 0 14px}.journal-sort-select{width:auto;max-width:100%;border:1px solid var(--line);background:#101612;color:#d8e0db;border-radius:11px;padding:8px 10px;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer}.journal-empty{grid-column:1/-1;padding:24px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted);font-size:14px}.journal-article{max-width:650px;margin:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.journal-article .detail-share-actions,.journal-article .journal-nav,.journal-article .actions{user-select:auto;-webkit-user-select:auto;-webkit-touch-callout:default}.journal-article-cover{border:1px solid var(--line);border-radius:21px;overflow:hidden;background:#090d0b;margin-bottom:18px}.journal-article-cover img{width:100%;max-height:540px;object-fit:cover;display:block}.journal-article-kicker{font-size:14px;letter-spacing:1px;color:#f0c15a;font-weight:900}.journal-article h1{font-size:31px;margin:8px 0 5px}.journal-article-sub{font-size:14px;color:var(--muted);line-height:1.8}.journal-article-lead{font-size:calc(15px*var(--article-font-scale,1));color:var(--article-color,#cbd4cf);font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none);line-height:2;margin:16px 0}.journal-body{border-top:1px solid var(--line);margin-top:17px;padding-top:17px}.journal-body p{font-size:calc(15px*var(--article-font-scale,1));color:var(--article-color,#d2dbd5);font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none);line-height:2.15;margin:0 0 16px}.journal-body img{width:100%;border-radius:16px;display:block;margin:6px 0 18px;border:1px solid var(--line)}
.points-progress{margin-top:14px}.points-progress-bar{width:100%;height:10px;border-radius:999px;background:#101612;border:1px solid var(--line);overflow:hidden}.points-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#0fa66d,#f0c15a);transition:width .3s ease}.points-progress-label{margin-top:7px;font-size:14px;font-weight:800;color:#ead9b4}
html[data-theme="light"] .points-progress-bar{background:#e9efeb}
.font-scale-control{display:flex;align-items:center;gap:6px;margin:10px 0}.font-scale-control span{font-size:14px;color:var(--muted);margin-inline-end:2px}.font-scale-btn{border:1px solid var(--line);background:#101612;color:#cbd5cf;border-radius:10px;padding:6px 10px;font-family:inherit;font-weight:900;cursor:pointer;font-size:15px}.font-scale-btn.active{border-color:rgba(240,193,90,.45);background:rgba(240,193,90,.12);color:#edd9ad}
html[data-theme="light"] .font-scale-btn{background:#e9efeb;color:#2a342e}html[data-theme="light"] .font-scale-btn.active{border-color:rgba(240,193,90,.4);background:rgba(240,193,90,.18);color:#523e12}
.article-style-control{display:flex;flex-direction:column;gap:9px;margin:10px 0 16px;padding:12px 13px;border:1px solid var(--line);border-radius:16px;background:#0d130f}
html[data-theme="light"] .article-style-control{background:#f0efe9}
.article-style-control .font-scale-control{margin:0}
.article-style-row,.article-color-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.article-style-row span,.article-color-row span{font-size:14px;color:var(--muted);margin-inline-end:2px}
.article-style-toggle{border:1px solid var(--line);background:#101612;color:#cbd5cf;border-radius:10px;padding:6px 12px;font-family:inherit;cursor:pointer;font-size:15px;min-width:34px}
.article-style-toggle.active{border-color:rgba(240,193,90,.45);background:rgba(240,193,90,.12);color:#edd9ad}
html[data-theme="light"] .article-style-toggle{background:#e9efeb;color:#2a342e}html[data-theme="light"] .article-style-toggle.active{border-color:rgba(240,193,90,.4);background:rgba(240,193,90,.18);color:#523e12}
.article-style-reset{border:1px solid transparent;background:none;color:var(--muted);font-family:inherit;cursor:pointer;font-size:14px;font-weight:800;padding:6px 4px;text-decoration:underline}
.article-color-swatch{width:24px;height:24px;border-radius:999px;border:2px solid var(--line);background:var(--swatch,transparent);cursor:pointer;padding:0}
.article-color-swatch[data-color=""]{background:linear-gradient(135deg,transparent 46%,#8f3434 48%,#8f3434 52%,transparent 54%),linear-gradient(#cbd5cf,#cbd5cf)}
.article-color-swatch.active{border-color:#f0c15a;box-shadow:0 0 0 2px rgba(240,193,90,.28)}
.article-color-custom{display:inline-flex;width:24px;height:24px;border-radius:999px;overflow:hidden;border:2px solid var(--line);cursor:pointer;padding:0;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red)}
.article-color-custom input{width:34px;height:34px;border:none;padding:0;margin:-5px;cursor:pointer;background:none;opacity:0}
.richtext-toolbar{display:flex;align-items:center;gap:6px;margin:6px 0 8px;flex-wrap:wrap}
.richtext-btn{border:1px solid var(--line);background:#161c18;color:#cbd5cf;border-radius:8px;padding:5px 11px;font-family:inherit;cursor:pointer;font-size:14px}
.richtext-btn:active{transform:scale(.93)}
.richtext-hint{font-size:12px;color:var(--muted)}
html[data-theme="light"] .richtext-btn{background:#e9efeb;color:#2a342e}
.journal-pin-badge{color:#f0c15a;font-weight:900}.journal-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.journal-nav .btn{font-size:14px}.journal-admin-status{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:900}.journal-admin-status.published{color:#7fe2b5;border-color:rgba(15,166,109,.35)}.journal-admin-status.scheduled{color:#e7d5ae;border-color:rgba(240,193,90,.35)}.journal-admin-status.hidden{color:#9aa29d}.journal-schedule-note{margin:10px 0;padding:10px 12px;border:1px solid rgba(240,193,90,.2);border-radius:13px;background:rgba(240,193,90,.045);font-size:14px;color:#cfbf9d;line-height:1.8}.aging-card{display:flex;gap:11px;align-items:flex-start;margin-top:12px;padding:12px 13px;border:1px solid rgba(240,193,90,.22);border-radius:14px;background:linear-gradient(135deg,rgba(240,193,90,.065),rgba(13,19,15,.95))}.aging-mark{flex:0 0 28px;width:28px;height:28px;border:1px solid rgba(240,193,90,.32);border-radius:999px;display:grid;place-items:center;color:#f0c15a;font-weight:900}.aging-copy small{display:block;color:#b69d67;font-size:14px;font-weight:900;letter-spacing:.7px}.aging-copy b{display:block;margin-top:2px;font-size:14px;line-height:1.8;color:#ece2cc}.admin-journal-item{border:1px solid var(--line);border-radius:16px;padding:13px;margin-top:8px;background:#0d130f}.admin-journal-title{font-weight:900}.admin-journal-meta{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.7}.admin-journal-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.admin-journal-actions .btn{width:auto;padding:8px 11px;font-size:13px}.journal-form-body textarea{min-height:260px}.journal-home-copy{max-width:450px}
@media(max-width:650px){.home-journal-grid,.journal-grid{grid-template-columns:1fr 1fr}.journal-article h1{font-size:27px}}
@media(max-width:440px){.home-journal-grid,.journal-grid{grid-template-columns:1fr}.journal-nav{grid-template-columns:1fr}.journal-card h3{font-size:16px}}
.quotes-grid{display:flex;flex-direction:column;gap:12px}
.faq-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.faq-item{border:1px solid var(--line);border-radius:15px;background:#0d130f;padding:2px 4px;overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:15px 16px;font-size:15px;font-weight:900;color:#eef3f0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(240,193,90,.4);border-radius:8px;color:#f0c15a;font-size:15px;transition:.2s transform}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-a{padding:0 16px 16px;font-size:calc(15.5px*var(--article-font-scale,1));line-height:2;color:var(--article-color,#cbd5cf);font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none)}
.usage-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}
.usage-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:15px 14px;border:1px solid rgba(240,193,90,.18);border-radius:18px;background:linear-gradient(165deg,rgba(240,193,90,.07),rgba(13,19,15,.94));cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.usage-card-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:17px;background:rgba(240,193,90,.12);border:1px solid rgba(240,193,90,.24)}
.usage-card b{font-size:15.5px;color:#ead9b4;font-weight:900;line-height:1.5}
.usage-card span{font-size:calc(13.5px*var(--article-font-scale,1));line-height:1.85;color:var(--article-color,var(--muted));font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none)}
.usage-card:active{transform:scale(.95);box-shadow:0 0 0 1px rgba(240,193,90,.4) inset,0 6px 18px rgba(240,193,90,.12);border-color:rgba(240,193,90,.55)}
.usage-note-card{margin-top:11px;display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border:1px solid rgba(15,166,109,.22);border-radius:16px;background:rgba(15,166,109,.05);font-size:14px;line-height:1.9;color:#b9d7c9;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,box-shadow .15s ease}
.usage-note-card span{font-size:calc(13.5px*var(--article-font-scale,1));color:var(--article-color,#b9d7c9);font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none)}
.usage-note-card i{flex:0 0 auto;font-style:normal;font-size:16px}
.usage-note-card:active{transform:scale(.97);box-shadow:0 4px 14px rgba(15,166,109,.15)}
.home-usage-teaser{border-top:1px dashed rgba(240,193,90,.2);margin-top:13px;padding-top:13px}
@media(max-width:390px){.usage-cards-grid{grid-template-columns:1fr}}
.quote-card{margin:0;padding:20px 22px;border:1px solid rgba(240,193,90,.2);border-radius:18px;background:linear-gradient(135deg,rgba(240,193,90,.05),rgba(13,19,15,.95));position:relative}
.encyclopedia-filter{border:1px solid var(--line);background:#101612;color:#cbd5cf;border-radius:999px;padding:8px 11px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}.encyclopedia-filter.active{border-color:rgba(240,193,90,.4);background:rgba(240,193,90,.09);color:#edd9ad}
.admin-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 4px;margin:14px 0 18px;-webkit-overflow-scrolling:touch}
.admin-tabs::-webkit-scrollbar{display:none}
.admin-tab{flex:0 0 auto;border:1px solid var(--line);background:#101612;color:#cbd5cf;border-radius:999px;padding:9px 15px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer;white-space:nowrap}
.academy-phase-card{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:right;border:1px solid var(--line);background:#0d1310;color:#e6efe9;border-radius:12px;padding:12px 14px;margin-bottom:8px;font-family:inherit;cursor:pointer}
.academy-phase-card:hover{border-color:rgba(240,193,90,.4)}
.academy-phase-card span:last-child{font-size:14px;color:var(--muted);font-weight:700}
.academy-lesson-item{display:block;width:100%;text-align:right;border:1px solid var(--line);background:#0d1310;color:#e6efe9;border-radius:10px;padding:11px 13px;margin-bottom:7px;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer}
.academy-lesson-item:hover{border-color:rgba(240,193,90,.4)}
.academy-field-label{font-size:14px;font-weight:900;color:#f0c15a;margin:12px 0 3px}
.academy-lesson-body p{font-size:15px;line-height:1.7;color:#dbe6df;margin:0 0 4px}
.academy-lesson-body ul{margin:0 0 4px;padding-inline-start:18px;font-size:15px;color:#dbe6df}
.academy-quiz-q{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px}
.academy-quiz-q p{font-size:15px;font-weight:800;margin:0 0 6px}
.academy-quiz-opt{display:flex;gap:6px;align-items:center;font-size:14.5px;padding:4px 0;cursor:pointer}
.academy-chat-box{border:1px solid var(--line);border-radius:12px;padding:10px;background:#0a0f0c}
.academy-chat-log{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.academy-chat-msg{font-size:15px;line-height:1.6;padding:8px 10px;border-radius:10px;max-width:88%}
.academy-chat-msg.user{align-self:flex-end;background:rgba(240,193,90,.14);color:#edd9ad}
.academy-chat-msg.tutor{align-self:flex-start;background:#101612;color:#dbe6df;border:1px solid var(--line)}
.academy-chat-msg.typing{display:flex;gap:5px;align-items:center;padding:12px 14px}.academy-chat-msg.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:fxaDot 1.1s infinite ease-in-out}.academy-chat-msg.typing i:nth-child(2){animation-delay:.15s}.academy-chat-msg.typing i:nth-child(3){animation-delay:.3s}
.academy-chat-msg{white-space:pre-wrap}
.academy-chat-input-row{display:flex;gap:6px}
.academy-chat-input-row input{flex:1}

/* ===== مربعات نص أكبر + أكاديمية: تكبير وتلوين النص داخل الأكاديمية فقط ===== */
input,select,textarea,html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{font-size:15px}
textarea{min-height:110px;line-height:1.8;resize:vertical}
.academy-chat-input-row{display:flex;flex-direction:column;gap:8px}
.academy-chat-input-row textarea{width:100%;min-height:96px;margin-top:0}
.academy-chat-input-row .btn{width:100%}
.academy-chat-msg{font-size:16px;line-height:1.8}
#adminPane-academy,#adminPane-academyPubs,#adminPane-academyFormulas{zoom:var(--ac-scale,1)}
html[data-ac-color] :is(#adminPane-academy,#adminPane-academyPubs,#adminPane-academyFormulas) :is(p,li,label,h3,h4,td,.academy-chat-msg,.academy-field-label){color:var(--ac-color)!important}
.ac-tools{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;margin:8px 0 12px;border:1px solid var(--line);border-radius:14px;background:#0d130f}
html[data-theme="light"] .ac-tools{background:#ffffff}
.ac-tools b{font-size:15px;color:#f0c15a}
.ac-btn{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:#101612;color:#eef3f0;font-family:inherit;font-size:16px;font-weight:900;cursor:pointer;padding:0 12px}
html[data-theme="light"] .ac-btn{background:#f0efe9;color:#141712}
.ac-val{font-size:15px;color:var(--muted);min-width:46px;text-align:center}
.ac-sw{width:32px;height:32px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0}
.ac-sw.on{outline:2px solid #f0c15a;outline-offset:2px}
.academy-material-card{border:1px solid rgba(240,193,90,.35);background:rgba(240,193,90,.06);border-radius:12px;padding:12px 14px;margin:8px 0 16px}
.academy-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:6px}
.academy-card-en{font-size:14px;color:var(--muted);letter-spacing:.5px}
.academy-card-family{font-size:14px;font-weight:900;color:#f0c15a;background:rgba(240,193,90,.14);border-radius:999px;padding:3px 10px}
.academy-card-row{display:flex;gap:8px;font-size:15px;line-height:1.7;padding:3px 0;border-top:1px dashed rgba(240,193,90,.18)}
.academy-card-row:first-of-type{border-top:none}
.academy-card-row-label{flex:0 0 auto;font-weight:900;color:#dbc48f;min-width:110px}
.academy-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px}
.academy-chip{font-size:14px;background:#101612;border:1px solid var(--line);border-radius:999px;padding:3px 9px;color:#cbd5cf}
.academy-card-source{font-size:14px;color:var(--muted);margin-top:8px;font-style:italic}
.admin-tab.active{border-color:rgba(240,193,90,.45);background:rgba(240,193,90,.12);color:#edd9ad}
.quote-card blockquote{margin:0;font-size:16px;line-height:2;color:#ece2cc;font-weight:700}
.quote-card blockquote:before{content:"“";color:#f0c15a;font-size:22px;font-weight:900}
.quote-card figcaption{margin-top:10px;font-size:14px;color:#b69d67;font-weight:900;text-align:left}

/* ===== FRIX collections: 500 / 700 / ATHAR ===== */
.collection-kicker{font-size:14px;letter-spacing:1px;color:#cdb476;font-weight:900}.collection-note{font-size:14px;color:var(--muted);line-height:1.8;margin-top:3px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.collection-preview{border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,#101612,#0a0f0c);padding:14px;cursor:pointer;min-height:130px;position:relative}.collection-preview:hover{border-color:rgba(240,193,90,.28)}.collection-preview-code{font-size:21px;font-weight:950}.collection-preview-name{margin-top:4px;font-size:15px;color:#e4d3ad;font-weight:900}.collection-preview-copy{margin-top:7px;font-size:14px;color:var(--muted);line-height:1.8}.collection-preview-status{display:inline-flex;margin-top:10px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:900}.collection-preview-status.available{color:#83d9b1}.collection-preview-status.coming_soon{color:#e7d5ae}.collection-preview-status.out_of_stock{color:#e1b77c}.collection-preview-status.archived{color:#9aa29d}.athar-home{border:1px solid rgba(240,193,90,.2);border-radius:23px;padding:18px;background:radial-gradient(circle at 85% 0,rgba(240,193,90,.12),transparent 38%),linear-gradient(180deg,rgba(16,18,14,.96),rgba(8,11,9,.98))}.athar-mark{font-size:14px;letter-spacing:1.5px;color:#cdb476;font-weight:950}.athar-panel-intro{margin-bottom:18px;padding:18px;border:1px solid rgba(240,193,90,.2);border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(240,193,90,.11),transparent 38%),#0d120f}.athar-panel-intro h2{margin:6px 0}.athar-panel-intro p{font-size:14px;max-width:560px;line-height:1.9}.athar-person{font-size:15px;color:#e4d3ad;font-weight:900;margin-top:4px}.product-state{display:inline-flex;margin-top:7px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:900}.product-state.available{color:#83d9b1}.product-state.coming_soon{color:#e7d5ae}.product-state.out_of_stock{color:#e1b77c}.product-state.archived{color:#9aa29d}.detail-display-name{font-size:18px;color:#e3c98f;font-weight:900;margin-top:-4px;margin-bottom:8px}.athar-detail-kicker{font-size:14px;letter-spacing:1.3px;color:#d1b674;font-weight:950}.series-admin-note{margin:10px 0;padding:10px 12px;border:1px solid rgba(240,193,90,.17);border-radius:13px;background:rgba(240,193,90,.04);font-size:13px;color:#cbbd9e;line-height:1.8}.status-badge.out_of_stock{color:#e1b77c;border-color:rgba(225,183,124,.35)}.status-badge.archived{color:#9aa29d}.product-line-chip{display:inline-flex;margin-top:5px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:#b9c5be;font-weight:900}
@media(max-width:650px){.collection-grid{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.collection-grid{grid-template-columns:1fr}.athar-home{padding:14px}}


/* ===== FRIX side navigation ===== */
.site-header{position:relative;z-index:55}
.header-tools{display:flex;align-items:center;gap:8px}
.menu-toggle{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:#101612;color:#eef3f0;font-family:inherit;cursor:pointer;padding:0;transition:.18s transform,.18s border-color,.18s background}
.menu-toggle:hover{border-color:rgba(240,193,90,.34);background:#121a15}.menu-toggle:active{transform:scale(.97)}
.menu-toggle-lines{width:18px;display:grid;gap:4px}.menu-toggle-lines i{display:block;height:1.5px;border-radius:9px;background:currentColor}.menu-toggle-lines i:nth-child(2){width:13px;justify-self:end}
.side-menu-layer{position:fixed;inset:0;z-index:70;pointer-events:none;visibility:hidden;transition:visibility .24s}
.side-menu-layer.open{pointer-events:auto;visibility:visible}
.side-menu-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66);opacity:0;transition:.24s opacity;backdrop-filter:blur(3px)}
.side-menu-layer.open .side-menu-backdrop{opacity:1}
.side-menu{position:absolute;top:0;right:0;width:min(86vw,350px);height:100%;padding:18px 16px max(22px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#0d130f 0%,#080c0a 100%);border-left:1px solid rgba(137,176,153,.16);box-shadow:-30px 0 80px rgba(0,0,0,.48);transform:translateX(105%);transition:.26s transform ease;overflow:auto;overscroll-behavior:contain}
.side-menu-layer.open .side-menu{transform:translateX(0)}
.side-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 16px;border-bottom:1px solid rgba(255,255,255,.055)}
.side-menu-brand{font-size:21px;font-weight:900;letter-spacing:3px;direction:ltr}.side-menu-sub{font-size:14px;color:var(--muted);letter-spacing:1.2px;margin-top:3px;direction:ltr}
.side-menu-close{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#111813;color:#dce4df;font-family:inherit;font-size:23px;line-height:1;cursor:pointer}
.side-menu-nav{display:grid;gap:5px;padding:15px 0}
.side-menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;padding:11px 12px;border:1px solid transparent;border-radius:13px;background:transparent;color:#eef3f0;font-family:inherit;font-size:15px;font-weight:900;text-align:right;cursor:pointer}
.side-menu-item:hover{background:#101612;border-color:var(--line)}.side-menu-item span:last-child{color:#b99e65;font-size:15px}
.side-menu-sep{height:1px;background:rgba(255,255,255,.055);margin:4px 5px}
.side-menu-foot{padding:14px 4px 2px;border-top:1px solid rgba(255,255,255,.055);color:var(--muted);font-size:14px;line-height:1.8}
body.menu-open{overflow:hidden}
@media(max-width:420px){.tag{display:none}.header-tools{gap:8px}.side-menu{width:min(89vw,350px)}}

/* ===== FRIX product gallery — primary image locked / gallery isolated ===== */
.product-gallery{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.product-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px}.product-gallery-head h3{margin:0;font-size:18px}.product-gallery-head span{font-size:14px;color:var(--muted)}
.product-gallery-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(78%,1fr);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:1px 1px 9px;overscroll-behavior-inline:contain;scrollbar-width:thin}.product-gallery-scroll::-webkit-scrollbar{height:5px}.product-gallery-scroll::-webkit-scrollbar-thumb{background:#26342c;border-radius:99px}
.product-gallery-card{scroll-snap-align:start;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#080b09;padding:0;cursor:zoom-in;min-height:220px}.product-gallery-card img{display:block;width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;background:#080b09}
.gallery-lightbox{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:18px}.gallery-lightbox.hidden{display:none!important}.gallery-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(6px)}.gallery-lightbox-shell{position:relative;z-index:1;width:min(94vw,720px);max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.gallery-lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.gallery-lightbox-title{font-size:15px;font-weight:900;color:#e6dbbf}.gallery-lightbox-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:#101612;color:#fff;font-size:24px;cursor:pointer}.gallery-lightbox-frame{min-height:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:19px;overflow:hidden;background:#050706}.gallery-lightbox-frame img{display:block;max-width:100%;max-height:72vh;object-fit:contain}.gallery-lightbox-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.gallery-lightbox-nav button{border:1px solid var(--line);border-radius:12px;background:#101612;color:#fff;padding:10px;font-family:inherit;font-weight:900;cursor:pointer}.gallery-lightbox-count{font-size:14px;color:var(--muted);min-width:58px;text-align:center}body.gallery-open{overflow:hidden}
.primary-image-lock{grid-column:1/-1;border:1px solid rgba(15,166,109,.22);border-radius:17px;padding:14px;background:rgba(15,166,109,.035)}.primary-image-lock-title{font-size:15px;font-weight:900;color:#d9f1e5}.primary-image-lock-help{font-size:14px;color:#9fb0a6;line-height:1.8;margin:5px 0 10px}.primary-image-lock-preview{height:220px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#080b09;display:grid;place-items:center}.primary-image-lock-preview img{width:100%;height:100%;object-fit:contain;display:block}.primary-image-lock-badge{display:inline-flex;margin-top:10px;padding:5px 8px;border:1px solid rgba(15,166,109,.25);border-radius:999px;color:#9fe4c4;font-size:14px;font-weight:900}
.gallery-admin-card{grid-column:1/-1;border:1px solid rgba(240,193,90,.22);border-radius:17px;padding:14px;background:rgba(240,193,90,.035)}.gallery-admin-title{font-size:15px;font-weight:900;color:#ead9b4}.gallery-admin-help{font-size:12.5px;color:var(--muted);line-height:1.8;margin:5px 0 8px}.gallery-admin-separation{margin:0 0 11px;padding:9px 10px;border:1px solid rgba(15,166,109,.18);border-radius:11px;background:rgba(15,166,109,.04);color:#a9d8c1;font-size:12px;line-height:1.75;font-weight:800}.gallery-admin-picker{display:block;border:1px dashed rgba(240,193,90,.4);border-radius:13px;padding:11px;text-align:center;color:#e4d3ad;font-size:14px;font-weight:900;cursor:pointer}.gallery-admin-picker input{margin-top:7px}.gallery-admin-url{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:9px}.gallery-admin-url input{margin:0}.gallery-admin-url .btn{width:auto;padding:10px 13px;font-size:13px}.gallery-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px}.gallery-admin-item{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0b100d}.gallery-admin-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#070a08}.gallery-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px}.gallery-admin-actions button{border:1px solid var(--line);border-radius:9px;background:#111813;color:#dfe7e2;padding:8px 4px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}.gallery-admin-actions button.danger{grid-column:1/-1;color:#ffb4b4;border-color:rgba(255,105,105,.24);background:rgba(255,105,105,.045)}.gallery-admin-empty{grid-column:1/-1;padding:13px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted);font-size:12.5px}
.gallery-admin-badge{padding:5px 7px;font-size:12px;color:#cfbf9d;background:rgba(240,193,90,.06);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.gallery-admin-badge code{color:#e4d3ad;font-weight:900}
@media(max-width:520px){.product-gallery-scroll{grid-auto-columns:88%}.gallery-admin-list{grid-template-columns:1fr 1fr}.gallery-lightbox{padding:10px}.gallery-lightbox-frame img{max-height:76vh}}



/* ===== FRIX final utility layer: catalog tools / share / analytics / notebook ===== */
.catalog-tools{margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#0c120e}.catalog-search{margin:0 0 10px}.catalog-filter-row{display:flex;gap:6px;flex-wrap:wrap}.catalog-filter{border:1px solid var(--line);background:#101612;color:#cbd5cf;border-radius:999px;padding:7px 10px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}.catalog-filter.active{border-color:rgba(240,193,90,.42);background:rgba(240,193,90,.09);color:#ead9b4}.catalog-no-results{grid-column:1/-1;padding:22px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted);font-size:14px}
.global-search-group{margin-top:18px}.global-search-group h3{font-size:15px;margin:0 0 10px;color:#ead9b4}.global-search-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.global-search-card{text-align:right;border:1px solid var(--line);background:#0d130f;border-radius:14px;padding:12px;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;gap:4px}.global-search-kind{font-size:14px;font-weight:900;color:#f0c15a}.global-search-card b{font-size:15.5px;color:#eef3ef}.global-search-sub{font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(max-width:620px){.global-search-grid{grid-template-columns:1fr}}
html[data-theme="light"] .global-search-card{background:#eef4f0}html[data-theme="light"] .global-search-card b{color:#141a16}
 .featured-carousel{position:relative;overflow:hidden;border:0;border-top:1px solid rgba(240,193,90,.14);border-bottom:1px solid rgba(240,193,90,.12);margin:0 0 8px;padding:18px 0 20px;background:linear-gradient(180deg,rgba(12,15,12,.98),rgba(5,7,6,.98));}
.featured-strip-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:0 4px 13px;}
.featured-strip-kicker{display:block;font-size:14px;font-weight:900;letter-spacing:.18em;color:#f0c15a;margin-bottom:4px;}
.featured-strip-head h2{margin:0;color:#eef3ef;font-size:18px;font-weight:900;letter-spacing:-.02em;}
.featured-strip-link{border:0;background:transparent;color:#f0c15a;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer;padding:5px 0;}
.featured-viewport{overflow:hidden;width:100%;direction:ltr;mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%);}
.featured-track{display:flex;align-items:stretch;width:max-content;gap:10px;will-change:transform;animation:frixCodeMarquee 42s linear infinite;cursor:grab;touch-action:pan-y;user-select:none;}
.featured-track.is-dragging{cursor:grabbing;animation:none!important;}
.featured-slide{user-select:none;-webkit-user-drag:none;}
.featured-carousel:hover .featured-track,.featured-carousel:focus-within .featured-track{animation-play-state:paused;}
.featured-slide-wrap{flex:0 0 clamp(155px,20vw,245px);width:clamp(155px,20vw,245px);min-width:0;}
.featured-slide{position:relative;display:block;width:100%;height:clamp(205px,27vw,300px);padding:0;border:1px solid rgba(255,255,255,.07);border-radius:15px;overflow:hidden;cursor:pointer;text-align:right;background:#090d0b;box-shadow:0 10px 28px rgba(0,0,0,.22);isolation:isolate;}
.featured-slide::before{content:"";position:absolute;inset:0;background:var(--featured-image) center/cover no-repeat;transform:scale(1.01);transition:transform .6s ease,filter .6s ease;}
.featured-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 28%,rgba(0,0,0,.08) 42%,rgba(0,0,0,.88) 100%);z-index:1;}
.featured-slide:hover::before{transform:scale(1.055);filter:saturate(1.03) contrast(1.02);}
.featured-slide-content{position:absolute;z-index:2;inset:auto 13px 12px;display:flex;align-items:end;justify-content:space-between;gap:10px;color:#fff;}
.featured-slide-content>span:first-child{min-width:0;display:block}
.featured-slide-code{display:block;white-space:nowrap;font-size:19px;font-weight:900;line-height:1.1;color:var(--featured-accent,#ead9b4);text-shadow:0 2px 14px rgba(0,0,0,.65);}
.featured-slide-meta{display:block;margin-top:5px;font-size:14px;color:rgba(245,247,244,.72);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;}
.featured-slide-arrow{width:28px;height:28px;border:1px solid rgba(240,193,90,.38);border-radius:50%;display:grid;place-items:center;color:#ead9b4;background:rgba(0,0,0,.26);font-size:13px;flex:0 0 auto;}
.featured-dots{display:none;}
@keyframes frixCodeMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}
@media(max-width:620px){.featured-carousel{padding:14px 0 16px}.featured-strip-head{padding-inline:2px}.featured-strip-head h2{font-size:16px}.featured-strip-link{font-size:14px}.featured-track{gap:8px;animation-duration:34s}.featured-slide-wrap{flex-basis:42vw;width:42vw}.featured-slide{height:55vw;min-height:190px;max-height:255px;border-radius:13px}.featured-slide-content{inset:auto 10px 10px}.featured-slide-code{font-size:17px}.featured-slide-meta{font-size:14px;max-width:105px}.featured-slide-arrow{width:25px;height:25px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.featured-track{animation:none;transform:none!important}}
html[data-theme="light"] .featured-carousel{background:linear-gradient(180deg,#f8f4ea,#f2eee4);border-color:rgba(60,70,62,.12)}
html[data-theme="light"] .featured-strip-head h2{color:#181d19}

html[data-theme="light"] .featured-carousel{background:linear-gradient(135deg,#fbf7ee,#f3efe4)}html[data-theme="light"] .featured-title{color:#181d19}
.detail-share-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 3px}.detail-share-actions .share-btn{width:auto;border:1px solid rgba(240,193,90,.24);background:rgba(240,193,90,.055);color:#ead9b4;border-radius:12px;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}.detail-share-actions .share-btn.secondary{border-color:var(--line);background:#101612;color:#d8e0db}.share-status{font-size:14px;color:#7fe2b5;margin-top:5px;min-height:14px}
.like-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#101612;color:#d8e0db;border-radius:12px;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}.like-btn.liked{border-color:rgba(224,17,95,.4);background:rgba(224,17,95,.08)}.like-btn .like-heart{font-size:15px;line-height:1}.like-btn:active{transform:scale(.94)}
.analytics-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.analytics-actions .btn{width:auto;padding:9px 11px;font-size:13px}.analytics-monthly{margin-top:12px;border-top:1px solid var(--line);padding-top:11px}.analytics-month-row{border:1px solid var(--line);border-radius:13px;padding:10px 11px;margin-top:7px;background:#0c120e}.analytics-month-title{font-size:14px;font-weight:900;color:#ead9b4;margin-bottom:5px;cursor:pointer;list-style:none}.analytics-month-title::-webkit-details-marker{display:none}.analytics-month-row[open] .analytics-month-title{margin-bottom:9px}.analytics-month-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.analytics-month-metrics span{font-size:11px;color:var(--muted);text-align:center}.analytics-month-metrics b{display:block;color:#e8eeea;font-size:15px}.danger-confirm-layer{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:16px}.danger-confirm-box{width:min(94vw,470px);border:1px solid rgba(239,105,105,.25);border-radius:22px;background:linear-gradient(180deg,#14100f,#0b0d0b);padding:20px;box-shadow:0 30px 80px #0008}.danger-confirm-box h3{margin:0 0 8px;font-size:21px}.danger-confirm-box p{font-size:14px;line-height:1.9;margin:0}.danger-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.intro-overlay{position:fixed;inset:0;z-index:140;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:16px}.intro-overlay.hidden{display:none}.intro-box{width:min(92vw,420px);border:1px solid rgba(240,193,90,.32);border-radius:22px;background:linear-gradient(180deg,#14120d,#0b0d0b);padding:22px;box-shadow:0 30px 80px #0008;text-align:center}.intro-box p{font-size:15.5px;line-height:2;color:#e6ece7;margin:10px 0 18px}.intro-box .btn{width:100%}
html[data-theme="light"] .intro-box{background:linear-gradient(180deg,#fbf7ee,#f3efe4)}html[data-theme="light"] .intro-box p{color:#242a25}
.notebook-private{border:1px solid rgba(240,193,90,.22);border-radius:20px;padding:16px;background:linear-gradient(135deg,rgba(240,193,90,.05),rgba(11,17,13,.96))}.notebook-private-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notebook-private-head h3{margin:0}.notebook-private-lock{font-size:12px;color:#f0c15a;border:1px solid rgba(240,193,90,.23);border-radius:999px;padding:5px 8px;font-weight:900}.notebook-list{margin-top:12px}.notebook-item{border:1px solid var(--line);border-radius:15px;padding:12px;margin-top:8px;background:#0d130f;cursor:pointer;transition:.18s border-color,.18s transform,.18s background}.notebook-item:hover,.notebook-item:focus-visible{border-color:rgba(240,193,90,.4);transform:translateY(-1px)}.notebook-item .admin-actions{position:relative;z-index:1}.notebook-item-title{font-weight:900;font-size:16px}.notebook-item-preview{font-size:13px;color:var(--muted);line-height:1.8;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notebook-item-meta{font-size:11px;color:#9aaa9f;margin-top:5px}.notebook-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:9px;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;background:#0b100d;position:sticky;top:0;z-index:3}.notebook-toolbar button{border:1px solid var(--line);background:#111813;color:#e5ece8;border-radius:8px;padding:7px 9px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}.notebook-editor{min-height:320px;border:1px solid var(--line);border-radius:0 0 14px 14px;background:#090e0b;color:#eef3f0;padding:15px;line-height:2;outline:none;overflow:auto}.notebook-editor:focus{border-color:rgba(240,193,90,.35)}.notebook-editor h1{font-size:28px}.notebook-editor h2{font-size:22px}.notebook-editor h3{font-size:18px}.notebook-editor p{color:#d9e1dc;margin:0 0 10px}.notebook-editor font[size="2"]{font-size:11px}.notebook-editor font[size="5"]{font-size:20px}.notebook-help{font-size:12px;color:var(--muted);line-height:1.8;margin:7px 0 10px}
@media(max-width:520px){.analytics-month-metrics{grid-template-columns:1fr 1fr}.danger-confirm-actions{grid-template-columns:1fr}.notebook-private-head{display:block}.notebook-private-lock{display:inline-flex;margin-top:8px}.detail-share-actions .share-btn{flex:1}.catalog-filter-row{gap:5px}}


/* ==== Light theme comprehensive color overrides (auto-generated, reversible) ==== */
html[data-theme="light"] .panel{background:linear-gradient(180deg,#ebf1ed,#f2f6f4);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 25px 70px #0007}
html[data-theme="light"] .btn, html[data-theme="light"] .opt{width:100%;border:1px solid var(--line);border-radius:15px;padding:14px 15px;background:var(--panel2);color:#000000;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer}
html[data-theme="light"] .back{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;min-width:118px;border:1px solid var(--line);border-radius:14px;background:#e9efeb;color:#161d19;padding:10px 14px;margin-bottom:16px;font-family:inherit;font-size:16px;font-weight:900;cursor:pointer;transition:.18s transform,.18s border-color,.18s background}
html[data-theme="light"] .back:hover{border-color:rgba(240,193,90,.34);background:#e5ede8}
html[data-theme="light"] .product{background:#eef3f0;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer}
html[data-theme="light"] .product img{width:100%;aspect-ratio:1/1.18;object-fit:cover;display:block;background:#ffffff}
html[data-theme="light"] .price{margin-top:5px;font-size:15px;color:#1d2822}
html[data-theme="light"] .quick-add-btn{position:absolute;bottom:8px;left:8px;width:32px;height:32px;border-radius:50%;border:none;background:var(--green);color:#000000;font-size:18px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.35);transition:.15s transform}
html[data-theme="light"] .heroimg{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#ffffff}
html[data-theme="light"] .info{background:#e9efeb;border:1px solid var(--line);border-radius:13px;padding:11px}
html[data-theme="light"] .layer{padding:12px;background:#e9efeb;border:1px solid var(--line);border-radius:13px}
html[data-theme="light"] .scent-pyramid{position:relative;margin-top:12px;padding:18px 12px 16px;border:1px solid rgba(240,193,90,.22);border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(240,193,90,.09),transparent 42%),linear-gradient(180deg,#e9efeb,#f0f5f2);overflow:hidden}
html[data-theme="light"] .scent-pyramid:before{content:"FRIX · SCENT ARCHITECTURE";display:block;text-align:center;font-size:14px;letter-spacing:2px;color:#9e8a60;margin-bottom:13px;direction:ltr}
html[data-theme="light"] .scent-level:before{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.065);background:rgba(0,0,0,.018);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);transition:.25s border-color,.25s background,.25s box-shadow;pointer-events:none;z-index:0}
html[data-theme="light"] .scent-level-title{font-size:15px;font-weight:900;color:#4f3d15}
html[data-theme="light"] .scent-level-en{font-size:14px;letter-spacing:1.2px;color:#748079;direction:ltr}
html[data-theme="light"] .scent-note{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid rgba(0,0,0,.075);border-radius:999px;background:#ecf2ee;color:#1b231e;font-size:14px;font-weight:800;transition:.2s transform,.2s border-color,.2s color,.2s background}
html[data-theme="light"] .scent-note-linked{cursor:pointer;border-color:rgba(240,193,90,.4);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
html[data-theme="light"] .scent-note:hover{transform:translateY(-2px) scale(1.02);border-color:rgba(240,193,90,.4);color:#47350e;background:rgba(240,193,90,.06)}
html[data-theme="light"] .like-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid rgba(240,193,90,.24);border-radius:12px;background:#e9efeb;color:#4f3d15;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer;transition:.2s transform,.2s border-color,.2s background,.2s color,.2s box-shadow}
html[data-theme="light"] .analytics-code-card{margin-top:14px;border:1px solid rgba(240,193,90,.2);border-radius:18px;background:linear-gradient(180deg,#eaf0ec,#eff4f1);padding:14px}
html[data-theme="light"] .analytics-code-head span{font-size:12px;color:#6e5c32}
html[data-theme="light"] .analytics-code-table th, html[data-theme="light"] .analytics-code-table td{padding:9px 7px;border-bottom:1px solid rgba(0,0,0,.05);text-align:right}
html[data-theme="light"] .analytics-code-table th{color:#57635c;font-weight:800}
html[data-theme="light"] .analytics-code-table td{color:#171d19}
html[data-theme="light"] .analytics-code-table .num{font-weight:900;color:#4f3d15}
html[data-theme="light"] .analytics-code-actions button, html[data-theme="light"] .analytics-code-actions-btn{border:1px solid var(--line);border-radius:10px;background:#e7eee9;color:#18201b;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}
html[data-theme="light"] .code-chart{height:180px;display:flex;align-items:flex-end;gap:5px;padding:14px 5px 20px;border-top:1px solid rgba(0,0,0,.05);margin-top:10px;overflow-x:auto}
html[data-theme="light"] .code-chart-legend{display:flex;justify-content:center;gap:14px;margin-top:7px;font-size:8px;color:#5a655f}
html[data-theme="light"] .progress{height:6px;background:#e5ede8;border-radius:99px;overflow:hidden;margin:8px 0 18px}
html[data-theme="light"] .quiz-bottle-shape{position:absolute;inset:0;clip-path:polygon(38% 0%,62% 0%,62% 15%,80% 24%,80% 100%,20% 100%,20% 24%,38% 15%);background:rgba(0,0,0,.035);border:1px solid var(--line);overflow:hidden}
html[data-theme="light"] .quiz-bottle-shine{position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,0,0,.14),transparent 40%);pointer-events:none}
html[data-theme="light"] .role-alt-note{font-size:14.5px;color:#2a342e;font-weight:700;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}
html[data-theme="light"] .stat{background:#e9efeb;border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}
html[data-theme="light"] label{display:block;font-size:15px;color:#27322c;margin-bottom:10px}
html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] textarea{width:100%;margin-top:5px;padding:11px;border-radius:11px;border:1px solid var(--line);background:#f0f5f2;color:#000000;font-family:inherit;font-size:16px}
html[data-theme="light"] .image-upload-card{grid-column:1/-1;border:1px solid var(--line);background:rgba(0,0,0,.018);border-radius:16px;padding:13px;margin-top:2px}
html[data-theme="light"] .image-upload-title{font-size:15px;font-weight:900;color:#080c09;margin-bottom:9px}
html[data-theme="light"] .image-file-label{display:block;border:1px dashed rgba(240,193,90,.48);background:rgba(240,193,90,.07);padding:12px;border-radius:13px;color:#493917;font-weight:800;cursor:pointer;text-align:center}
html[data-theme="light"] .image-file-label input[type=file]{margin-top:8px;padding:8px;background:#f3f7f4;font-size:15px}
html[data-theme="light"] .image-preview{height:180px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#f4f7f5;display:grid;place-items:center;margin-bottom:10px}
html[data-theme="light"] .image-url-fallback summary{cursor:pointer;font-size:14px;color:#2b342e;font-weight:800}
html[data-theme="light"] .image-upload-card .status.ok{color:#1f8155}
html[data-theme="light"] .image-upload-card .status.error{color:#620000}
html[data-theme="light"] .admin-item{border:1px solid var(--line);border-radius:16px;padding:13px;margin-top:9px;background:#ecf2ee}
html[data-theme="light"] .notice{margin-top:16px;border:1px solid rgba(240,193,90,.25);background:rgba(240,193,90,.06);padding:13px;border-radius:14px;font-size:15px;color:#5f4e2b;line-height:1.8}
html[data-theme="light"] .status{font-size:15px;color:#4f6056;margin-bottom:12px}
html[data-theme="light"] .error{color:#620000}
html[data-theme="light"] .ok{color:#1f8155}
html[data-theme="light"] .cart-fab{position:fixed;left:14px;bottom:16px;z-index:30;border:1px solid var(--line);background:#e8f0eb;color:#000000;border-radius:18px;padding:12px 14px;font-family:inherit;font-weight:900;box-shadow:0 16px 36px rgba(0,0,0,.38);cursor:pointer}
html[data-theme="light"] .cart-sheet{max-width:560px;margin:36px auto;background:#eff4f1;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
html[data-theme="light"] .cart-clear{border:1px solid rgba(255,105,105,.22);background:rgba(255,105,105,.055);color:#491010;border-radius:10px;padding:7px 10px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}
html[data-theme="light"] .cart-close{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#e7eee9;color:#1f2823;font-size:23px;line-height:1;cursor:pointer}
html[data-theme="light"] .qty button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#e7eee9;color:#000000;font-size:18px}
html[data-theme="light"] .offer-box p{margin:0;color:#2d3731;font-size:15px;line-height:1.7}
html[data-theme="light"] .saving{color:#1d8053;font-size:15px;margin-top:6px}
html[data-theme="light"] .status-badge.available{color:#1d8053;border-color:rgba(15,166,109,.35)}
html[data-theme="light"] .status-badge.coming_soon{color:#513f18;border-color:rgba(240,193,90,.35)}
html[data-theme="light"] .status-badge.hidden-code{color:#5d6560}
html[data-theme="light"] .variant-card{border:1px solid var(--line);background:#e9efeb;border-radius:16px;padding:14px}
html[data-theme="light"] .variant-price{font-weight:900;color:#513f18;white-space:nowrap}
html[data-theme="light"] .price-old{color:#7a8079;text-decoration:line-through;text-decoration-thickness:2px;white-space:nowrap;font-size:14px;font-weight:700}
html[data-theme="light"] .price-new{color:#d43d3d;font-weight:900}
html[data-theme="light"] .discount-badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:rgba(212,61,61,.08);border:1px solid rgba(212,61,61,.3);color:#b32e2e;font-size:14px;font-weight:900;margin-inline-start:6px}
html[data-theme="light"] .soon-overlay{font-weight:900;color:#513f18;margin-top:7px}
html[data-theme="light"] .tag{background:rgba(0,0,0,.015);font-weight:700}
html[data-theme="light"] .hero-brand:after{content:"FRIX";position:absolute;left:-12px;bottom:-42px;font-weight:900;font-size:116px;letter-spacing:8px;color:rgba(0,0,0,.018);z-index:-1;direction:ltr}
html[data-theme="light"] .hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#6d5726;font-size:14px;letter-spacing:1.6px;font-weight:900;margin-bottom:18px}
html[data-theme="light"] .hero-brand h1 span{color:#000000}
html[data-theme="light"] .hero-brand h1 em{font-style:normal;color:#796027}
html[data-theme="light"] .hero-brand .hero-copy{font-size:16px;max-width:580px;margin:18px 0 0;line-height:2;color:#46514a}
html[data-theme="light"] .hero-note{display:flex;align-items:center;gap:10px;margin-top:22px;color:#1e2621;font-size:15px;font-weight:800}
html[data-theme="light"] .experience-card:after{content:"TRY";position:absolute;left:12px;bottom:-18px;font-size:62px;font-weight:900;color:rgba(0,0,0,.025);letter-spacing:4px;direction:ltr}
html[data-theme="light"] .experience-label{color:#796027;font-size:14px;font-weight:900;letter-spacing:.7px;margin-bottom:6px}
html[data-theme="light"] .text-link{border:0;background:transparent;color:#796027;font-family:inherit;font-weight:900;font-size:14px;cursor:pointer;white-space:nowrap}
html[data-theme="light"] .story-preview{min-height:184px;padding:16px 15px 20px;border-radius:18px;border:1px solid var(--line);border-top:3px solid var(--accent,var(--gold));background:linear-gradient(180deg,#e9efea,#eff4f1);cursor:pointer;position:relative;overflow:hidden;transition:.2s transform,.2s border-color,.2s box-shadow}
html[data-theme="light"] .story-preview:hover{box-shadow:0 14px 28px -16px var(--accent-shadow,rgba(168,115,15,.3))}
html[data-theme="light"] .story-preview-title{font-size:15px;font-weight:800;margin-top:14px;line-height:1.8;color:#131815}
html[data-theme="light"] .story-preview-arrow{position:absolute;left:13px;bottom:13px;width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent,var(--gold));color:#fff;font-size:13px;font-weight:900}
html[data-theme="light"] .product-story{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(0,0,0,.045);font-size:14px;color:#796027;font-weight:800}
html[data-theme="light"] .detail-kicker{color:#796027;font-size:14px;font-weight:900;letter-spacing:.5px;margin-top:10px}
html[data-theme="light"] .detail-lead{font-size:16px;color:#3d4741;margin-top:8px}
html[data-theme="light"] .story-box:before{content:"قصة الكود";display:block;color:#796027;font-size:14px;font-weight:900;margin-bottom:6px}
html[data-theme="light"] .cart-sheet{border-radius:28px;padding:20px;border-color:rgba(129,168,145,.2);background:linear-gradient(180deg,#edf3ef,#f3f7f5)}
html[data-theme="light"] .cart-head{padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.035)}
html[data-theme="light"] .cart-story-link{border:0;background:transparent;color:#796027;padding:7px 0 0;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer}
html[data-theme="light"] .offer-box .offer-save{font-size:22px;color:#0a0d0b;margin-bottom:3px}
html[data-theme="light"] .offer-box .offer-sub{color:#3a463f;font-size:14px;line-height:1.8;margin:0}
html[data-theme="light"] .offer-chip{border:1px solid rgba(15,166,109,.28);background:rgba(15,166,109,.07);color:#072013;border-radius:999px;padding:8px 11px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}
html[data-theme="light"] .offer-action{width:100%;margin-top:10px;border:1px solid rgba(240,193,90,.23);background:rgba(240,193,90,.06);color:#4b3a15;border-radius:13px;padding:11px;font-family:inherit;font-weight:900;cursor:pointer}
html[data-theme="light"] .summary-line{display:flex;justify-content:space-between;gap:10px;font-size:15px;color:#48544d;padding:4px 0}
html[data-theme="light"] .summary-line.discount{color:#1d8053;font-weight:900}
html[data-theme="light"] .price-delivery{display:block;margin-top:2px;color:#357c5c;font-size:14px;font-weight:800}
html[data-theme="light"] .variant-price small{display:block;margin-top:3px;color:#357c5c;font-size:14px;font-weight:800;text-align:left}
html[data-theme="light"] .catalog-delivery-note{margin-top:7px;font-size:14px;color:#357c5c;font-weight:800}
html[data-theme="light"] .story-series-label{font-size:14px;color:#796027;font-weight:900;letter-spacing:.8px;margin-bottom:7px}
html[data-theme="light"] .story-series-head p{margin:0;font-size:15px;line-height:2;color:var(--article-color,#3d4942);font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none)}
html[data-theme="light"] .story-count{display:inline-flex;margin-top:11px;padding:5px 9px;border-radius:999px;border:1px solid rgba(240,193,90,.22);color:#796027;font-size:14px;font-weight:900}
html[data-theme="light"] .story-episode{border:1px solid var(--line);border-radius:16px;background:#ecf2ee;margin:8px 0;overflow:hidden}
html[data-theme="light"] .story-episode[open]{border-color:rgba(240,193,90,.26);background:linear-gradient(180deg,#e8efea,#eff4f1)}
html[data-theme="light"] .story-episode summary:after{content:"＋";color:#796027;font-size:17px}
html[data-theme="light"] .episode-index{display:block;color:#796027;font-size:14px;letter-spacing:.7px;margin-bottom:3px}
html[data-theme="light"] .episode-title{font-size:16px;color:#090c0a}
html[data-theme="light"] .episode-content{padding:0 15px 18px;border-top:1px solid rgba(0,0,0,.035)}
html[data-theme="light"] .episode-content p{white-space:pre-wrap;color:var(--article-color,#222a25);font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none);font-size:calc(15px*var(--article-font-scale,1));line-height:2.25;margin:15px 0 0}
html[data-theme="light"] .episode-telegram{display:inline-flex;margin-top:16px;color:#796027;text-decoration:none;border:1px solid rgba(240,193,90,.22);border-radius:12px;padding:9px 12px;font-size:14px;font-weight:900}
html[data-theme="light"] .story-master-link{display:flex;margin:0 10px 12px;text-decoration:none;justify-content:center;color:#4a3a17;border:1px solid rgba(240,193,90,.22);background:rgba(240,193,90,.05);border-radius:13px;padding:11px;font-size:14px;font-weight:900}
html[data-theme="light"] .admin-story-intro{padding:12px 13px;border:1px solid rgba(240,193,90,.22);background:rgba(240,193,90,.05);border-radius:14px;margin-bottom:14px;color:#564626;font-size:14px;line-height:1.8}
html[data-theme="light"] .admin-episode{border:1px solid var(--line);border-radius:15px;background:#ecf2ee;margin:10px 0;overflow:hidden}
html[data-theme="light"] .admin-episode summary{cursor:pointer;padding:13px 14px;font-size:15px;font-weight:900;color:#513f18}
html[data-theme="light"] .series-chip{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:6px 10px;border:1px solid rgba(240,193,90,.22);background:rgba(240,193,90,.045);border-radius:999px;color:#796027;font-size:14px;font-weight:900;letter-spacing:.25px}
html[data-theme="light"] .trending-badge{display:inline-flex;align-items:center;margin-top:8px;margin-inline-start:6px;padding:5px 10px;border-radius:999px;background:linear-gradient(90deg,#c7482e,#a8341f);color:#000000;font-size:14px;font-weight:900}
html[data-theme="light"] .stock-badge{display:inline-flex;align-items:center;gap:4px;margin-top:8px;margin-inline-start:6px;padding:5px 10px;border-radius:999px;background:rgba(240,193,90,.12);border:1px solid rgba(240,193,90,.3);color:#674d16;font-size:14px;font-weight:900}
html[data-theme="light"] .stock-badge.low{background:rgba(199,68,52,.14);border-color:rgba(199,68,52,.4);color:#641d0f}
html[data-theme="light"] .skeleton-card{aspect-ratio:1/1.55;border-radius:18px;background:linear-gradient(90deg,#eef3f0 25%,#e4ebe6 37%,#eef3f0 63%);background-size:400% 100%;animation:skeletonShine 1.4s ease infinite}
html[data-theme="light"] .series-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 2px 11px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.045)}
html[data-theme="light"] .series-eyebrow{font-size:14px;color:#796027;font-weight:900;letter-spacing:1px}
html[data-theme="light"] .series-count{flex:0 0 auto;min-width:34px;height:34px;border:1px solid var(--line);border-radius:999px;display:grid;place-items:center;color:#2a342e;font-size:14px;font-weight:900}
html[data-theme="light"] .product-series{display:inline-flex;margin-top:6px;color:#907742;font-size:14px;font-weight:900;letter-spacing:.15px}
html[data-theme="light"] .admin-series{display:inline-flex;margin-top:5px;padding:4px 7px;border-radius:999px;border:1px solid rgba(240,193,90,.18);color:#796029;font-size:12px;font-weight:900}
html[data-theme="light"] .series-auto-note{margin:0 0 13px;padding:10px 12px;border-radius:13px;border:1px solid rgba(15,166,109,.2);background:rgba(15,166,109,.045);color:#284638;font-size:14px;line-height:1.8}
html[data-theme="light"] .catalog-status-section+.catalog-status-section{margin-top:8px;padding-top:18px;border-top:1px solid rgba(0,0,0,.055)}
html[data-theme="light"] .catalog-status-kicker{font-size:14px;color:#796027;font-weight:900;letter-spacing:1px}
html[data-theme="light"] .catalog-status-count{flex:0 0 auto;min-width:36px;height:36px;border:1px solid var(--line);border-radius:999px;display:grid;place-items:center;color:#2a342e;font-size:14px;font-weight:900}
html[data-theme="light"] .name-path{position:relative;overflow:hidden;min-height:210px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#e9efea,#f0f5f2)}
html[data-theme="light"] .name-path:after{position:absolute;left:8px;bottom:-24px;font-size:74px;font-weight:900;color:rgba(0,0,0,.018);direction:ltr}
html[data-theme="light"] .name-path-kicker{font-size:14px;color:#796027;font-weight:900;letter-spacing:.9px;margin-bottom:11px}
html[data-theme="light"] .name-note{font-size:14px;color:#637068;line-height:1.8;margin-top:10px}
html[data-theme="light"] .name-note strong{color:#796027}
html[data-theme="light"] .name-result-card:after{content:"FRIX";position:absolute;left:-6px;bottom:-31px;font-size:86px;font-weight:900;letter-spacing:6px;color:rgba(0,0,0,.018);direction:ltr}
html[data-theme="light"] .name-result-label{font-size:14px;letter-spacing:1px;color:#796027;font-weight:900}
html[data-theme="light"] .trait-chip{padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.03);border:1px solid var(--line);font-size:14px;color:#202924;font-weight:800}
html[data-theme="light"] .name-code-match{margin-top:17px;padding-top:15px;border-top:1px solid rgba(0,0,0,.06)}
html[data-theme="light"] .name-reason{font-size:14px;color:#333d37;line-height:2;margin-top:8px}
html[data-theme="light"] .name-chip-btn{border:1px solid var(--line);border-radius:14px;background:#e9efeb;color:#000000;padding:11px 9px;font-family:inherit;cursor:pointer;text-align:right}
html[data-theme="light"] .name-chip-btn span{display:block;margin-top:2px;font-size:14px;color:#8e7744}
html[data-theme="light"] .personal-preview{position:sticky;top:16px;border:1px solid rgba(240,193,90,.28);border-radius:24px;padding:24px 18px;background:radial-gradient(circle at 50% 0,rgba(240,193,90,.12),transparent 42%),linear-gradient(180deg,#eaefeb,#f2f6f4);text-align:center;overflow:hidden}
html[data-theme="light"] .personal-code{font-size:16px;color:#796027;font-weight:900;margin-top:24px;direction:ltr}
html[data-theme="light"] .personal-disclaimer{font-size:14px;line-height:1.9;color:#637068;margin-top:12px}
html[data-theme="light"] .free-tag{display:inline-flex;margin-inline-start:6px;padding:2px 7px;border:1px solid rgba(240,193,90,.28);border-radius:999px;color:#796027;font-size:14px;font-weight:900}
html[data-theme="light"] .gift-message-box{margin:12px 0;border:1px solid var(--line);border-radius:15px;background:#edf3ef;overflow:hidden}
html[data-theme="light"] .gift-message-box summary{cursor:pointer;list-style:none;padding:13px 14px;color:#796027;font-size:14px;font-weight:900}
html[data-theme="light"] .admin-name-item{border:1px solid var(--line);border-radius:16px;padding:13px;margin-top:8px;background:#ecf2ee}
html[data-theme="light"] .admin-name-code{color:#796027;font-size:13px;font-weight:900}
html[data-theme="light"] .request-pill{display:inline-flex;padding:4px 7px;border:1px solid rgba(240,193,90,.22);border-radius:999px;font-size:14px;color:#796027;margin-top:5px}
html[data-theme="light"] .try-more{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:0;border:0;background:transparent;color:#796027;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}
html[data-theme="light"] .try-mini-copy b{display:block;font-size:14px;color:#33280f}
html[data-theme="light"] .try-step{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.045);font-size:14px;line-height:1.75}
html[data-theme="light"] .try-step i{flex:0 0 22px;height:22px;display:grid;place-items:center;border:1px solid rgba(240,193,90,.22);border-radius:99px;color:#796027;font-style:normal;font-size:11px;font-weight:900}
html[data-theme="light"] .try-terms{margin-top:14px;padding:11px 12px;border-radius:13px;background:#eaf1ed;border:1px solid var(--line);font-size:14px;color:#3b463f;line-height:1.8}
html[data-theme="light"] .sample-included b{margin:0;color:#195638;font-size:14px}
html[data-theme="light"] .cart-try-note{margin-top:12px;padding:10px 11px;border:1px solid rgba(240,193,90,.15);border-radius:12px;background:rgba(240,193,90,.035);font-size:14px;color:#37403a;line-height:1.7}
html[data-theme="light"] .cart-try-note button{border:0;background:transparent;color:#796027;font-family:inherit;font-size:14px;font-weight:900;padding:0;margin-right:4px;cursor:pointer}
html[data-theme="light"] .social-link{display:inline-flex;align-items:center;gap:8px;min-height:43px;padding:9px 12px;border:1px solid var(--line);border-radius:13px;background:#e9efeb;color:#0a0d0b;text-decoration:none;font-size:14px;font-weight:900;transition:.18s transform,.18s border-color,.18s background}
html[data-theme="light"] .social-link:hover{transform:translateY(-1px);border-color:rgba(240,193,90,.32);background:#e5ede8}
html[data-theme="light"] .social-link .social-handle{direction:ltr;unicode-bidi:isolate;color:#2a342e}
html[data-theme="light"] .analytics-metric{border:1px solid var(--line);border-radius:13px;background:#ecf2ee;padding:10px;text-align:center}
html[data-theme="light"] .analytics-status.error{color:#571f17}
html[data-theme="light"] .journal-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#e9efeb,#f0f5f2);overflow:hidden;cursor:pointer;transition:.18s transform,.18s border-color}
html[data-theme="light"] .journal-cover{aspect-ratio:1.36/1;background:radial-gradient(circle at 80% 0,rgba(240,193,90,.11),transparent 40%),#f1f5f2;overflow:hidden;display:grid;place-items:center}
html[data-theme="light"] .journal-cover-fallback{font-size:14px;color:#796027;font-weight:900;letter-spacing:1px}
html[data-theme="light"] .journal-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;color:#806c3a;font-weight:900}
html[data-theme="light"] .journal-arrow{display:inline-block;margin-top:9px;color:#796027;font-size:14px;font-weight:900}
html[data-theme="light"] .journal-filter{border:1px solid var(--line);background:#e9efeb;color:#2a342e;border-radius:999px;padding:8px 11px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}
html[data-theme="light"] .encyclopedia-filter{border:1px solid var(--line);background:#e9efeb;color:#2a342e;border-radius:999px;padding:8px 11px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}
html[data-theme="light"] .admin-tab{background:#e9efeb;color:#2a342e}
html[data-theme="light"] .admin-tab.active{border-color:rgba(240,193,90,.4);background:rgba(240,193,90,.18);color:#523e12}
html[data-theme="light"] .encyclopedia-filter.active{border-color:rgba(240,193,90,.4);background:rgba(240,193,90,.09);color:#523e12}
html[data-theme="light"] .quote-card{margin:0;padding:20px 22px;border:1px solid rgba(240,193,90,.28);border-radius:18px;background:linear-gradient(135deg,rgba(240,193,90,.08),#eef4f0);position:relative}
html[data-theme="light"] .quote-card blockquote{margin:0;font-size:16px;line-height:2;color:#242d27;font-weight:700}
html[data-theme="light"] .quote-card blockquote:before{content:"“";color:#a9843c;font-size:22px;font-weight:900}
html[data-theme="light"] .quote-card figcaption{margin-top:10px;font-size:14px;color:#796027;font-weight:900;text-align:left}
html[data-theme="light"] .faq-item{border:1px solid var(--line);border-radius:15px;background:#ecf2ee;padding:2px 4px;overflow:hidden}
html[data-theme="light"] .faq-item summary{list-style:none;cursor:pointer;padding:15px 16px;font-size:15px;font-weight:900;color:#12211a;display:flex;align-items:center;justify-content:space-between;gap:12px}
html[data-theme="light"] .faq-item summary::after{content:"+";flex:none;width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(240,193,90,.5);border-radius:8px;color:#7a5c25;font-size:15px;transition:.2s transform}
html[data-theme="light"] .faq-item[open] summary::after{transform:rotate(45deg)}
html[data-theme="light"] .faq-a{padding:0 16px 16px;font-size:calc(15.5px*var(--article-font-scale,1));line-height:2;color:var(--article-color,#3b463f);font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none)}
html[data-theme="light"] .usage-card{border:1px solid rgba(240,193,90,.24);background:linear-gradient(165deg,rgba(240,193,90,.1),#eef3ef)}
html[data-theme="light"] .usage-card-icon{background:rgba(240,193,90,.16);border:1px solid rgba(240,193,90,.3)}
html[data-theme="light"] .usage-card b{color:#4b3a15}
html[data-theme="light"] .usage-card span{font-size:calc(13.5px*var(--article-font-scale,1));color:var(--article-color,#46514a);font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none)}
html[data-theme="light"] .usage-card:active{box-shadow:0 0 0 1px rgba(240,193,90,.5) inset,0 6px 18px rgba(240,193,90,.16)}
html[data-theme="light"] .usage-note-card{border:1px solid rgba(15,166,109,.24);background:rgba(15,166,109,.07);color:#1d5b40}
html[data-theme="light"] .usage-note-card span{color:var(--article-color,#1d5b40)}
html[data-theme="light"] .journal-filter.active{border-color:rgba(240,193,90,.4);background:rgba(240,193,90,.09);color:#523e12}
html[data-theme="light"] .journal-article-cover{border:1px solid var(--line);border-radius:21px;overflow:hidden;background:#f2f6f4;margin-bottom:18px}
html[data-theme="light"] .journal-article-kicker{font-size:14px;letter-spacing:1px;color:#796027;font-weight:900}
html[data-theme="light"] .journal-article-lead{font-size:15px;color:var(--article-color,#2b342f);font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none);line-height:2;margin:16px 0}
html[data-theme="light"] .journal-body p{font-size:calc(15px*var(--article-font-scale,1));color:var(--article-color,#242d27);font-weight:var(--article-weight,400);text-decoration:var(--article-decoration,none);line-height:2.15;margin:0 0 16px}
html[data-theme="light"] .journal-admin-status.published{color:#1d8053;border-color:rgba(15,166,109,.35)}
html[data-theme="light"] .journal-admin-status.scheduled{color:#513f18;border-color:rgba(240,193,90,.35)}
html[data-theme="light"] .journal-admin-status.hidden{color:#5d6560}
html[data-theme="light"] .journal-schedule-note{margin:10px 0;padding:10px 12px;border:1px solid rgba(240,193,90,.2);border-radius:13px;background:rgba(240,193,90,.045);font-size:14px;color:#625230;line-height:1.8}
html[data-theme="light"] .aging-mark{flex:0 0 28px;width:28px;height:28px;border:1px solid rgba(240,193,90,.32);border-radius:999px;display:grid;place-items:center;color:#796027;font-weight:900}
html[data-theme="light"] .aging-copy small{display:block;color:#987f49;font-size:14px;font-weight:900;letter-spacing:.7px}
html[data-theme="light"] .aging-copy b{display:block;margin-top:2px;font-size:14px;line-height:1.8;color:#332913}
html[data-theme="light"] .admin-journal-item{border:1px solid var(--line);border-radius:16px;padding:13px;margin-top:8px;background:#ecf2ee}
html[data-theme="light"] .collection-kicker{font-size:14px;letter-spacing:1px;color:#897032;font-weight:900}
html[data-theme="light"] .collection-preview{border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,#e9efeb,#f0f5f2);padding:14px;cursor:pointer;min-height:130px;position:relative}
html[data-theme="light"] .collection-preview-name{margin-top:4px;font-size:15px;color:#52411b;font-weight:900}
html[data-theme="light"] .collection-preview-status.available{color:#267c54}
html[data-theme="light"] .collection-preview-status.coming_soon{color:#513f18}
html[data-theme="light"] .collection-preview-status.out_of_stock{color:#83591e}
html[data-theme="light"] .collection-preview-status.archived{color:#5d6560}
html[data-theme="light"] .athar-mark{font-size:14px;letter-spacing:1.5px;color:#897032;font-weight:950}
html[data-theme="light"] .athar-panel-intro{margin-bottom:18px;padding:18px;border:1px solid rgba(240,193,90,.2);border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(240,193,90,.11),transparent 38%),#edf2ef}
html[data-theme="light"] .athar-person{font-size:15px;color:#52411b;font-weight:900;margin-top:4px}
html[data-theme="light"] .product-state.available{color:#267c54}
html[data-theme="light"] .product-state.coming_soon{color:#513f18}
html[data-theme="light"] .product-state.out_of_stock{color:#83591e}
html[data-theme="light"] .product-state.archived{color:#5d6560}
html[data-theme="light"] .detail-display-name{font-size:18px;color:#70561c;font-weight:900;margin-top:-4px;margin-bottom:8px}
html[data-theme="light"] .athar-detail-kicker{font-size:14px;letter-spacing:1.3px;color:#8b702e;font-weight:950}
html[data-theme="light"] .series-admin-note{margin:10px 0;padding:10px 12px;border:1px solid rgba(240,193,90,.17);border-radius:13px;background:rgba(240,193,90,.04);font-size:13px;color:#615334;line-height:1.8}
html[data-theme="light"] .status-badge.out_of_stock{color:#83591e;border-color:rgba(225,183,124,.35)}
html[data-theme="light"] .status-badge.archived{color:#5d6560}
html[data-theme="light"] .product-line-chip{display:inline-flex;margin-top:5px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:#3a463f;font-weight:900}
html[data-theme="light"] .menu-toggle{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:#e9efeb;color:#0c110e;font-family:inherit;cursor:pointer;padding:0;transition:.18s transform,.18s border-color,.18s background}
html[data-theme="light"] .menu-toggle:hover{border-color:rgba(240,193,90,.34);background:#e5ede8}
html[data-theme="light"] .side-menu{position:absolute;top:0;right:0;width:min(86vw,350px);height:100%;padding:18px 16px max(22px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#ecf2ee 0%,#f3f7f5 100%);border-left:1px solid rgba(137,176,153,.16);box-shadow:-30px 0 80px rgba(0,0,0,.48);transform:translateX(105%);transition:.26s transform ease;overflow:auto;overscroll-behavior:contain}
html[data-theme="light"] .side-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 16px;border-bottom:1px solid rgba(0,0,0,.055)}
html[data-theme="light"] .side-menu-close{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#e7eee9;color:#1b231e;font-family:inherit;font-size:23px;line-height:1;cursor:pointer}
html[data-theme="light"] .side-menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;padding:11px 12px;border:1px solid transparent;border-radius:13px;background:transparent;color:#0c110e;font-family:inherit;font-size:15px;font-weight:900;text-align:right;cursor:pointer}
html[data-theme="light"] .side-menu-item:hover{background:#e9efeb;border-color:var(--line)}
html[data-theme="light"] .side-menu-item span:last-child{color:#9a7f46;font-size:15px}
html[data-theme="light"] .side-menu-sep{height:1px;background:rgba(0,0,0,.055);margin:4px 5px}
html[data-theme="light"] .side-menu-foot{padding:14px 4px 2px;border-top:1px solid rgba(0,0,0,.055);color:var(--muted);font-size:14px;line-height:1.8}
html[data-theme="light"] .product-gallery-scroll::-webkit-scrollbar-thumb{background:#cbd9d1;border-radius:99px}
html[data-theme="light"] .product-gallery-card{scroll-snap-align:start;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#f4f7f5;padding:0;cursor:zoom-in;min-height:220px}
html[data-theme="light"] .product-gallery-card img{display:block;width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;background:#f4f7f5}
html[data-theme="light"] .gallery-lightbox-title{font-size:15px;font-weight:900;color:#403519}
html[data-theme="light"] .gallery-lightbox-close{width:42px;height:42px;border:1px solid rgba(0,0,0,.15);border-radius:13px;background:#e9efeb;color:#000000;font-size:24px;cursor:pointer}
html[data-theme="light"] .gallery-lightbox-frame{min-height:0;display:grid;place-items:center;border:1px solid rgba(0,0,0,.12);border-radius:19px;overflow:hidden;background:#f8faf9}
html[data-theme="light"] .gallery-lightbox-nav button{border:1px solid var(--line);border-radius:12px;background:#e9efeb;color:#000000;padding:10px;font-family:inherit;font-weight:900;cursor:pointer}
html[data-theme="light"] .primary-image-lock-title{font-size:15px;font-weight:900;color:#0e261a}
html[data-theme="light"] .primary-image-lock-help{font-size:14px;color:#4f6056;line-height:1.8;margin:5px 0 10px}
html[data-theme="light"] .primary-image-lock-preview{height:220px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f4f7f5;display:grid;place-items:center}
html[data-theme="light"] .primary-image-lock-badge{display:inline-flex;margin-top:10px;padding:5px 8px;border:1px solid rgba(15,166,109,.25);border-radius:999px;color:#1b6040;font-size:14px;font-weight:900}
html[data-theme="light"] .gallery-admin-title{font-size:15px;font-weight:900;color:#4b3a15}
html[data-theme="light"] .gallery-admin-separation{margin:0 0 11px;padding:9px 10px;border:1px solid rgba(15,166,109,.18);border-radius:11px;background:rgba(15,166,109,.04);color:#27563f;font-size:12px;line-height:1.75;font-weight:800}
html[data-theme="light"] .gallery-admin-picker{display:block;border:1px dashed rgba(240,193,90,.4);border-radius:13px;padding:11px;text-align:center;color:#52411b;font-size:14px;font-weight:900;cursor:pointer}
html[data-theme="light"] .gallery-admin-item{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#eff4f1}
html[data-theme="light"] .gallery-admin-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f5f8f6}
html[data-theme="light"] .gallery-admin-actions button{border:1px solid var(--line);border-radius:9px;background:#e7eee9;color:#18201b;padding:8px 4px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}
html[data-theme="light"] .gallery-admin-actions button.danger{grid-column:1/-1;color:#4b0000;border-color:rgba(255,105,105,.24);background:rgba(255,105,105,.045)}
html[data-theme="light"] .catalog-tools{margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#edf3ef}
html[data-theme="light"] .catalog-filter{border:1px solid var(--line);background:#e9efeb;color:#2a342e;border-radius:999px;padding:7px 10px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}
html[data-theme="light"] .catalog-filter.active{border-color:rgba(240,193,90,.42);background:rgba(240,193,90,.09);color:#4b3a15}
html[data-theme="light"] .detail-share-actions .share-btn{width:auto;border:1px solid rgba(240,193,90,.24);background:rgba(240,193,90,.055);color:#4b3a15;border-radius:12px;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}
html[data-theme="light"] .like-btn{border:1px solid var(--line);background:#eef3ef;color:#20281f}html[data-theme="light"] .like-btn.liked{border-color:rgba(155,17,30,.35);background:rgba(155,17,30,.08)}
html[data-theme="light"] .journal-sort-select{border:1px solid var(--line);background:#eef3ef;color:#20281f}
html[data-theme="light"] .detail-share-actions .share-btn.secondary{border-color:var(--line);background:#e9efeb;color:#1f2722}
html[data-theme="light"] .share-status{font-size:14px;color:#1d8053;margin-top:5px;min-height:14px}
html[data-theme="light"] .analytics-month-row{border:1px solid var(--line);border-radius:13px;padding:10px 11px;margin-top:7px;background:#edf3ef}
html[data-theme="light"] .analytics-month-title{font-size:14px;font-weight:900;color:#4b3a15;margin-bottom:5px;cursor:pointer;list-style:none}
html[data-theme="light"] .analytics-month-metrics b{display:block;color:#111713;font-size:15px}
html[data-theme="light"] .danger-confirm-box{width:min(94vw,470px);border:1px solid rgba(239,105,105,.25);border-radius:22px;background:linear-gradient(180deg,#f0eceb,#f2f4f2);padding:20px;box-shadow:0 30px 80px #0008}
html[data-theme="light"] .notebook-private-lock{font-size:12px;color:#796027;border:1px solid rgba(240,193,90,.23);border-radius:999px;padding:5px 8px;font-weight:900}
html[data-theme="light"] .notebook-item{border:1px solid var(--line);border-radius:15px;padding:12px;margin-top:8px;background:#ecf2ee;cursor:pointer;transition:.18s border-color,.18s transform,.18s background}
html[data-theme="light"] .notebook-item:hover,html[data-theme="light"] .notebook-item:focus-visible{border-color:rgba(240,193,90,.45);transform:translateY(-1px)}
html[data-theme="light"] .notebook-item-meta{font-size:11px;color:#55655a;margin-top:5px}
html[data-theme="light"] .notebook-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:9px;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;background:#eff4f1;position:sticky;top:0;z-index:3}
html[data-theme="light"] .notebook-toolbar button{border:1px solid var(--line);background:#e7eee9;color:#131a16;border-radius:8px;padding:7px 9px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}
html[data-theme="light"] .notebook-editor{min-height:320px;border:1px solid var(--line);border-radius:0 0 14px 14px;background:#f1f6f3;color:#0c110e;padding:15px;line-height:2;outline:none;overflow:auto}
html[data-theme="light"] .notebook-editor p{color:#1e2621;margin:0 0 10px}

.frix-notice-host{position:fixed;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:2147483000;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 14px;pointer-events:none;direction:rtl}
.frix-notice{pointer-events:auto;max-width:460px;width:100%;box-sizing:border-box;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-inline-start:4px solid var(--gold);border-radius:14px;padding:13px 16px;font:700 15px/1.7 "Almarai",Tahoma,Arial,sans-serif;box-shadow:0 14px 34px rgba(0,0,0,.38);cursor:pointer;animation:frixNoticeIn .22s ease both}
.frix-notice.error{border-inline-start-color:var(--danger)}
.frix-notice.ok{border-inline-start-color:var(--green)}
.frix-notice.out{animation:frixNoticeOut .2s ease both}
@keyframes frixNoticeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes frixNoticeOut{to{opacity:0;transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){.frix-notice,.frix-notice.out{animation:none}}
.weekly-pick{margin:10px 12px 12px;padding:16px 16px 18px;border:1px solid rgba(240,193,90,.28);border-radius:18px;background:linear-gradient(135deg,rgba(240,193,90,.10),rgba(12,15,12,.6));text-align:right}
.wp-kicker{font-size:13px;color:var(--gold);font-weight:800}
.wp-main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:6px 0 2px}
.wp-code{font-size:24px}.wp-name{color:var(--muted);font-size:15px}
.wp-note{margin:6px 0 12px;line-height:1.8;font-size:15px}
html[data-theme="light"] .weekly-pick{background:linear-gradient(135deg,rgba(168,115,15,.10),#fffdf7)}
.nv-options{display:grid;gap:8px;margin-top:10px}
.nv-opt{display:flex;flex-direction:column;gap:2px;text-align:right;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:inherit;font:inherit;cursor:pointer}
.nv-opt span{font-size:13px;color:var(--muted)}
.nv-opt:disabled{opacity:.6}
.nv-thanks{margin:10px 0 6px;font-weight:800}
.nv-wait{font-size:13px;color:var(--muted);margin-top:8px}
.nv-row{margin-top:8px}.nv-row-top{display:flex;justify-content:space-between;font-size:14px;margin-bottom:4px}
.nv-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.nv-bar i{display:block;height:100%;background:var(--gold);border-radius:999px}
.nv-row.mine .nv-row-top span{color:var(--gold);font-weight:800}
.gift-preview{margin:12px 0}
.gift-card{position:relative;padding:22px 18px;border-radius:20px;text-align:center;border:1px solid rgba(240,193,90,.4);overflow:hidden}
.gift-theme-gold{background:linear-gradient(145deg,#2a2314,#0e0f0c);color:#f3e7c6}
.gift-theme-night{background:linear-gradient(145deg,#151a2c,#07080d);color:#dfe6ff;border-color:rgba(140,160,255,.35)}
.gift-theme-emerald{background:linear-gradient(145deg,#0f2a22,#060c0a);color:#d5f2e4;border-color:rgba(60,200,150,.35)}
.gift-card-top{letter-spacing:6px;font-weight:900;font-size:14px;opacity:.85}
.gift-card-to{margin-top:14px;font-size:15px;opacity:.9}
.gift-card-code{font-size:34px;font-weight:900;margin-top:6px}
.gift-card-name{font-size:15px;opacity:.85}
.gift-card-msg{margin:14px 6px;line-height:1.9;font-size:16px;white-space:pre-wrap;word-break:break-word}
.gift-card-from{font-size:15px;opacity:.9}
.gift-reveal{position:fixed;inset:0;z-index:100000;background:rgba(3,5,4,.95);display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}
.gift-reveal-inner{position:relative;width:min(440px,100%);text-align:center;color:#eef3f0}
.gift-x{position:absolute;top:-6px;left:0;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:transparent;color:inherit;font-size:16px;cursor:pointer}
.gift-envelope{font-size:84px;animation:giftBob 2.4s ease-in-out infinite;margin-top:26px}
@keyframes giftBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.gift-open-anim{animation:giftIn .7s ease both;padding-top:30px}
@keyframes giftIn{from{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.gift-envelope,.gift-open-anim{animation:none}}
.rt-b{font-size:1.15em}
.lc-label{margin-top:10px;font-size:13px;color:var(--muted)}
.lc-count{display:flex;gap:8px;direction:ltr;margin:8px 0 2px}
.lc-box{min-width:58px;padding:8px 6px;border:1px solid var(--line);border-radius:12px;text-align:center;background:rgba(255,255,255,.03)}
.lc-box b{display:block;font-size:22px;font-variant-numeric:tabular-nums}.lc-box span{font-size:11px;color:var(--muted)}
.studio-wrap{position:relative}
.studio-fab{position:absolute;left:6px;top:4px;width:32px;height:32px;padding:0;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-size:16px;line-height:1;opacity:.32;cursor:pointer;transition:opacity .15s,top .08s}
.studio-fab:hover,.studio-fab:active,.studio-fab:focus{opacity:1}
.studio-sheet{position:fixed;inset:0;z-index:100001;background:rgba(0,0,0,.62);display:flex;align-items:flex-end;justify-content:center}
.studio-sheet-in{width:min(560px,100%);max-height:82vh;overflow:auto;background:#10140f;color:#eef3f0;border-radius:20px 20px 0 0;padding:16px 16px 22px;border:1px solid var(--line)}
.studio-head{display:flex;align-items:center;gap:10px}.studio-head b{flex:1}.studio-head span{font-size:13px;color:var(--muted)}
.studio-close{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer}
.studio-hint{font-size:13px;color:var(--muted);margin:8px 0 10px;line-height:1.7}
.studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.studio-thumb{position:relative;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#000;cursor:pointer;aspect-ratio:1/1}
.studio-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.studio-thumb b{position:absolute;top:6px;right:6px;min-width:22px;height:22px;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.studio-thumb span{position:absolute;bottom:0;left:0;right:0;background:rgba(240,193,90,.92);color:#1a1405;font-size:11px;font-weight:800;padding:3px 0}
.studio-thumb.used{border-color:var(--gold)}
html[data-theme="light"] .studio-sheet-in{background:#fffdf8;color:#1b1f1c}
.fx-fly{position:fixed;z-index:1300;width:56px;height:56px;border-radius:16px;background-size:cover;background-position:center;border:2px solid var(--gold);box-shadow:0 8px 26px rgba(240,193,90,.55);pointer-events:none;will-change:transform,opacity}
.fx-fly-gold{background:radial-gradient(circle at 35% 30%,#f3dfae,#f0c15a 60%,#8d6f33)}
.fx-spark{position:fixed;z-index:1300;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#fff3cf,#e2bf72 60%,#f0c15a);box-shadow:0 0 8px rgba(226,191,114,.9);pointer-events:none}
@keyframes fxBump{0%{transform:scale(1)}30%{transform:scale(1.18) rotate(-4deg)}60%{transform:scale(.95) rotate(3deg)}100%{transform:scale(1)}}
@keyframes fxPop{0%{transform:scale(1)}40%{transform:scale(1.55)}100%{transform:scale(1)}}
.cart-fab.fx-bump{animation:fxBump .55s cubic-bezier(.3,1.4,.5,1)}
.cart-fab.fx-bump #cartCount{animation:fxPop .5s ease .05s}
.fx-celebrate{position:fixed;inset:0;z-index:1250;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s}
.fx-celebrate.go{opacity:1}
.fx-cel-card{width:min(88vw,340px);text-align:center;padding:26px 22px 22px;border-radius:22px;background:var(--panel2);border:1px solid rgba(240,193,90,.4);box-shadow:0 24px 70px rgba(0,0,0,.5);transform:scale(.92);transition:transform .45s cubic-bezier(.22,1.2,.36,1)}
.fx-celebrate.go .fx-cel-card{transform:scale(1)}
.fx-cel-card h3{margin:14px 0 6px;color:var(--gold)}
.fx-cel-card p{margin:0 0 16px;font-size:15px;color:var(--muted);line-height:1.8}
.fx-cel-bottle{width:64px;height:128px;margin:0 auto;position:relative}
.fx-cel-shape{position:absolute;inset:0;clip-path:polygon(38% 0%,62% 0%,62% 15%,80% 24%,80% 100%,20% 100%,20% 24%,38% 15%);background:rgba(255,255,255,.05);border:1px solid var(--line);overflow:hidden}
.fx-cel-fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(#f3dfae,#f0c15a);transition:height .9s cubic-bezier(.22,.9,.3,1) .25s}
.fx-celebrate.go .fx-cel-fill{height:100%}
.fx-cel-shine{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 40%)}
.fx-reveal{opacity:0;transform:translateY(20px) scale(.97);transition:opacity .55s ease,transform .55s cubic-bezier(.22,.9,.3,1);transition-delay:var(--rd,0ms)}
.fx-reveal.fx-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.fx-reveal{opacity:1;transform:none;transition:none}.cart-fab.fx-bump,.cart-fab.fx-bump #cartCount{animation:none}}
.fx-goal{margin:12px 0;padding:12px 14px;border:1px solid rgba(240,193,90,.4);border-radius:14px;background:var(--panel2);font-size:15px}
.fx-goal-bar{height:8px;border-radius:99px;background:rgba(127,127,127,.2);overflow:hidden;margin-top:9px}
.fx-goal-fill{height:100%;width:0;background:linear-gradient(90deg,#f0c15a,#f3dfae);border-radius:99px;transition:width .8s cubic-bezier(.22,.9,.3,1)}
.fx-goal.done{border-color:var(--green)}
.panel:not(.hidden){animation:fxScreenIn .38s cubic-bezier(.22,.9,.3,1)}
@keyframes fxScreenIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.skeleton-card{position:relative;overflow:hidden}
.skeleton-card::after{content:"";position:absolute;left:50%;top:50%;width:26px;height:52px;margin:-26px 0 0 -13px;clip-path:polygon(38% 0%,62% 0%,62% 15%,80% 24%,80% 100%,20% 100%,20% 24%,38% 15%);background:linear-gradient(to bottom,rgba(127,127,127,.25) 50%,#e2bf72 50%);background-size:100% 200%;animation:fxBottleFill 1.6s ease-in-out infinite}
@keyframes fxBottleFill{from{background-position:0 0}to{background-position:0 100%}}
@media (prefers-reduced-motion:reduce){.panel:not(.hidden){animation:none}.skeleton-card::after{animation:none}}
#home{position:relative;isolation:isolate}
.fx-particles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.cart-item{transition:opacity .26s,transform .26s}
.cart-item.fx-out{opacity:0;transform:translateX(-36px)}
.scent-pyramid .scent-level{animation:fxLevelIn .6s cubic-bezier(.22,.9,.3,1) both}
.scent-pyramid .scent-level:nth-child(2){animation-delay:.15s}
.scent-pyramid .scent-level:nth-child(3){animation-delay:.3s}
@keyframes fxLevelIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.scent-note{transition:box-shadow .25s,transform .25s}
.scent-note:active,.scent-note:focus{transform:scale(1.06);box-shadow:0 0 14px rgba(240,193,90,.55)}
@media (prefers-reduced-motion:reduce){.scent-pyramid .scent-level{animation:none}.cart-item{transition:none}}
#admin{--adm-gold:#f0c15a}
#admin h2{font-size:24px;margin:6px 0 4px;background:linear-gradient(90deg,#f3dfae,#f0c15a);-webkit-background-clip:text;background-clip:text;color:transparent}
.admin-hello{font-size:15px;color:var(--muted);margin:0 0 6px}.admin-hello b{color:var(--gold)}
.adm-theme{width:auto;padding:8px 12px;font-size:14px;margin:6px 0 0}
#admin .section{border:1px solid rgba(240,193,90,.22);border-radius:20px;padding:16px;margin-top:14px;background:linear-gradient(160deg,rgba(240,193,90,.06),transparent 60%),var(--panel2);box-shadow:0 10px 30px rgba(0,0,0,.18)}
#admin .section>h3{margin-top:0;color:var(--gold)}
#admin input,#admin select,#admin textarea{border-radius:12px;transition:border-color .2s,box-shadow .2s}
#admin input:focus,#admin select:focus,#admin textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(240,193,90,.18)}
#admin .analytics-metric{background:linear-gradient(160deg,rgba(240,193,90,.12),rgba(15,166,109,.05));border:1px solid rgba(240,193,90,.28);border-radius:16px;padding:14px 8px}
#admin .analytics-metric b{font-size:26px;color:var(--gold)}
.admin-tab{display:inline-flex;align-items:center;gap:6px;transition:transform .2s,background .2s}
.admin-tab:active{transform:scale(.95)}
.admin-pane:not(.hidden){animation:fxScreenIn .35s cubic-bezier(.22,.9,.3,1)}
.admin-pane:not(.hidden) .section{animation:fxScreenIn .5s cubic-bezier(.22,.9,.3,1) both}
.admin-pane:not(.hidden) .section:nth-child(2){animation-delay:.08s}.admin-pane:not(.hidden) .section:nth-child(3){animation-delay:.16s}.admin-pane:not(.hidden) .section:nth-child(n+4){animation-delay:.24s}
.admin-journal-item{transition:transform .2s,box-shadow .2s}.admin-journal-item:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.admin-journal-item.ord-pending{border-inline-start:5px solid #e0b040}
.admin-journal-item.ord-confirmed{border-inline-start:5px solid var(--green)}
.admin-journal-item.ord-cancelled{border-inline-start:5px solid #c24a4a;opacity:.78}
.admin-journal-item.ord-pending .btn.confirm{font-size:16px;padding:14px;flex:1}
.adm-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;transform:translate(-50%,-30px);z-index:1400;padding:12px 18px;border-radius:14px;font-weight:900;font-size:15px;background:#0f1712;color:#fff;border:1px solid var(--green);box-shadow:0 14px 36px rgba(0,0,0,.4);opacity:0;transition:opacity .3s,transform .3s;max-width:90vw}
.adm-toast.err{border-color:#c24a4a}.adm-toast.show{opacity:1;transform:translate(-50%,0)}
.trait-bars{display:grid;gap:11px}.trait-row{display:grid;grid-template-columns:92px 1fr 28px;align-items:center;gap:10px;font-size:14.5px}
.trait-track{height:9px;border-radius:99px;background:rgba(127,127,127,.2);overflow:hidden}
.trait-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#f0c15a,#f3dfae);animation:fxBar 1s cubic-bezier(.22,.9,.3,1) both}
@keyframes fxBar{from{width:0}}
.trait-row b{color:var(--gold);text-align:center}
@media (prefers-reduced-motion:reduce){.admin-pane:not(.hidden),.admin-pane:not(.hidden) .section,.trait-fill{animation:none}}
.adv-sticky{position:sticky;bottom:0;padding:10px 0;background:var(--panel2);z-index:5}
.ord-wa{font-weight:900;color:var(--green);text-decoration:none;border-bottom:1px dashed var(--green)}
.analytics-spark{margin:12px 0 4px}.analytics-spark svg{width:100%;height:auto;display:block}
.spark-line{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;animation:sparkDraw 1.3s ease forwards}
@keyframes sparkDraw{to{stroke-dashoffset:0}}
.spark-legend{display:flex;gap:14px;font-size:13px;color:var(--muted);margin-top:4px}.spark-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:5px}
.academy-phase-card.locked{opacity:.55;filter:grayscale(.5)}
.academy-phase-card.just-unlocked{animation:fxUnlock 1.4s ease}
@keyframes fxUnlock{0%{box-shadow:0 0 0 0 rgba(240,193,90,.9);transform:scale(.96)}40%{transform:scale(1.03)}100%{box-shadow:0 0 0 22px rgba(240,193,90,0);transform:none}}
#academy #academyTutorWrap{display:none}
.fx-remind{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);z-index:1100;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:var(--panel2);border:1px solid rgba(240,193,90,.5);box-shadow:0 14px 40px rgba(0,0,0,.4);font-size:15px;animation:fxScreenIn .4s ease}
.fx-remind span{flex:1}.fx-remind .btn{width:auto;padding:9px 14px;white-space:nowrap}.fx-remind-x{background:none;border:0;color:var(--muted);font-size:22px;line-height:1}
.similar-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.similar-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:14px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer}
.similar-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.similar-ph{font-size:28px;color:var(--gold)}
.home-story{display:grid;gap:14px;margin:18px 0;padding:14px;border-radius:22px;border:1px solid rgba(240,193,90,.3);background:linear-gradient(160deg,rgba(240,193,90,.08),transparent 60%),var(--panel2)}
.home-story-img img{width:100%;max-height:220px;object-fit:cover;border-radius:16px;display:block}
.home-story-txt h2{margin:4px 0 6px;color:var(--gold)}.home-story-txt p{margin:0 0 12px;color:var(--muted);line-height:1.9}
@media(min-width:720px){.home-story{grid-template-columns:1fr 1.2fr;align-items:center}}
.legal-footer{text-align:center;font-size:14px;color:var(--muted);padding:18px 12px 96px;line-height:2}.legal-footer a{color:var(--gold)}.legal-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}.legal-links a{display:inline-flex;align-items:center;justify-content:center;min-width:130px;padding:10px 22px;border-radius:99px;border:1px solid rgba(240,193,90,.45);background:color-mix(in srgb,var(--panel2) 85%,transparent);color:var(--gold);font-size:15px;font-weight:800;text-decoration:none;line-height:1.4;transition:background .2s,border-color .2s,transform .15s}.legal-links a:hover,.legal-links a:active{background:rgba(240,193,90,.14);border-color:var(--gold);transform:translateY(-1px)}
.order-count{display:none;margin:10px 0;padding:9px 14px;border-radius:99px;border:1px solid rgba(240,193,90,.4);font-size:14.5px;width:fit-content}.order-count.on{display:block}
.stock-note{display:none;margin:10px 0;padding:12px 14px;border-radius:14px;border:1px solid rgba(240,193,90,.4);font-size:15px}.stock-note.on{display:block}.stock-note.low{width:fit-content;border-radius:99px;color:#e0b040;border-color:#e0b040}
.sticky-buy{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 74px);z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:10px 12px 10px 14px;border-radius:18px;background:color-mix(in srgb,var(--panel2) 88%,transparent);backdrop-filter:blur(10px);border:1px solid rgba(240,193,90,.45);box-shadow:0 12px 34px rgba(0,0,0,.35)}
.sticky-buy .btn{width:auto;flex:1;max-width:240px}
.sticky-buy.merged{bottom:var(--dsb-bottom,58px);z-index:59;width:100vw;margin-inline:calc(50% - 50vw);margin-top:16px;padding:9px 14px;border-radius:0;border:0;border-top:1px solid var(--line);box-shadow:none;background:#080c0a;backdrop-filter:none;-webkit-backdrop-filter:none;gap:12px}
html[data-theme="light"] .sticky-buy.merged{background:#fff}
.sticky-buy.merged .dsb-price{display:flex;flex-direction:column;gap:1px;min-width:0}
.sticky-buy.merged .dsb-price b{font-size:16px;font-weight:900;color:#e7d5ae;white-space:nowrap}
html[data-theme="light"] .sticky-buy.merged .dsb-price b{color:#513f18}
.sticky-buy.merged .dsb-price small{font-size:14px;color:var(--muted)}
.sticky-buy.merged .btn{width:auto;flex:1;max-width:none;min-height:46px;padding:11px 14px;font-size:16px}
body.gallery-open .sticky-buy.merged,body.menu-open .sticky-buy.merged{opacity:0;pointer-events:none}
/* ===== لمسات جمالية: أزرار موحدة، فواصل ذهبية، بطاقات ===== */
.btn{border-radius:999px;min-height:46px;text-align:center;line-height:1.4;transition:transform .15s,border-color .2s,background .2s,filter .2s}
.btn:not(.primary):not(.gold):not(.danger){border-color:color-mix(in srgb,var(--gold) 42%,transparent)}
.btn:active{transform:scale(.98)}
.section{border-top:0;position:relative;margin-top:30px;padding-top:24px}
.section::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 65%,transparent),transparent)}
#admin .section::before{display:none}
.product{box-shadow:0 8px 22px rgba(0,0,0,.28);border-color:color-mix(in srgb,var(--gold) 22%,var(--line))}
.product:hover,.product:active{border-color:color-mix(in srgb,var(--gold) 60%,transparent);box-shadow:0 12px 30px rgba(0,0,0,.36)}
html[data-theme="light"] .product{border-color:color-mix(in srgb,var(--gold) 30%,var(--line));box-shadow:0 6px 18px rgba(0,0,0,.08)}
.similar-card{border-color:color-mix(in srgb,var(--gold) 28%,var(--line));background:color-mix(in srgb,var(--panel2) 70%,transparent);box-shadow:0 6px 16px rgba(0,0,0,.22);transition:transform .15s,border-color .2s}
.similar-card:active,.similar-card:hover{border-color:color-mix(in srgb,var(--gold) 65%,transparent);transform:translateY(-1px)}
.img-fallback{display:grid;place-items:center;width:100%;aspect-ratio:1/1.18;background:radial-gradient(circle at 50% 38%,#18221b,#080b09 70%);color:rgba(240,193,90,.6);font-weight:900;letter-spacing:5px;font-size:18px}
.similar-card .img-fallback{aspect-ratio:1;border-radius:10px;font-size:12px;letter-spacing:2px}
.heroimg .img-fallback{aspect-ratio:1/1.1;font-size:24px}
html[data-theme="light"] .img-fallback{background:radial-gradient(circle at 50% 38%,#f4efe2,#e6dfcc 70%);color:rgba(140,108,48,.7)}


.radar{width:100%;max-width:420px;display:block;margin:0 auto;overflow:visible}
.radar-shape{transform-origin:110px 105px;animation:fxRadar .9s cubic-bezier(.22,.9,.3,1) both}
@keyframes fxRadar{from{transform:scale(.1);opacity:0}to{transform:scale(1);opacity:1}}
.product{position:relative}
.product.tilting{transition:transform .08s linear;will-change:transform}
.product.tilting::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(243,223,174,.22),transparent 55%)}
.product{content-visibility:auto;contain-intrinsic-size:auto 320px}
@media (prefers-reduced-motion:reduce){.radar-shape{animation:none}}
.hl-more-btn{border:1px solid rgba(240,193,90,.45);background:transparent;color:inherit;border-radius:999px;font:inherit;font-size:11px;padding:3px 9px;cursor:pointer;margin-inline-start:6px;opacity:.85}.hl-more-btn.on{background:rgba(240,193,90,.16);opacity:1}
#home .home-content.more-collapsed > .home-more-item,#home.home-more-closed > .home-more-item{display:none!important}
#home .home-more-bar{display:flex;justify-content:center;margin:26px 0 6px}
#home .home-more-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 30px;border-radius:999px;border:1px solid rgba(240,193,90,.5);background:rgba(240,193,90,.08);color:var(--gold,#f0c15a);font:inherit;font-weight:800;font-size:15px;cursor:pointer;transition:background .2s,transform .2s}
#home .home-more-btn:active{transform:scale(.97)}
#home .home-more-btn:hover{background:rgba(240,193,90,.16)}
#home .home-more-btn i{font-style:normal;font-size:18px;line-height:1;transition:transform .25s}
#home .home-more-btn[aria-expanded="true"] i{transform:rotate(180deg)}
html[data-theme="light"] #home .home-more-btn{color:#7a5a14;border-color:rgba(121,96,39,.45);background:rgba(121,96,39,.07)}
#tryPolicy .try-policy-card{margin-bottom:120px}
#tryPolicy .try-step{gap:14px;align-items:center;padding:14px 0}
#tryPolicy .try-step i.try-ico{flex:0 0 46px;width:46px;height:46px;border-radius:14px;border:1px solid rgba(240,193,90,.28);background:rgba(240,193,90,.09);color:#f0c15a}
#tryPolicy .try-step>div b{display:block;font-size:1.08em;margin-bottom:2px}
#tryPolicy .try-step>div span{display:block;color:#c3cdc6;line-height:1.7}
#tryPolicy .try-step>div em{font-style:normal;font-weight:900;color:#f0c15a}
#tryPolicy .try-terms{color:#d6dfd9}
#tryPolicy .try-terms b{color:#f0c15a}
#tryPolicy .try-cta{display:grid;gap:10px;margin-top:20px}
html[data-theme="light"] #tryPolicy .try-step i.try-ico{color:#796027;background:rgba(121,96,39,.08);border-color:rgba(121,96,39,.3)}
html[data-theme="light"] #tryPolicy .try-step>div span{color:#3b463f}
html[data-theme="light"] #tryPolicy .try-step>div em,html[data-theme="light"] #tryPolicy .try-terms b{color:#7a5a14}
html[data-theme="light"] #tryPolicy .try-terms{color:#2c352f}
.article-sec-link{background:none;border:0;padding:0;font:inherit;color:var(--gold,#f0c15a);cursor:pointer;text-decoration:none}
html[data-theme="light"] .article-sec-link{color:#7a5a14}
.fcount{font-size:11px;font-weight:700;opacity:.7;margin-inline-start:2px}
.journal-filter.active .fcount,.encyclopedia-filter.active .fcount{opacity:1}
.journal-count{font-size:13px;color:var(--muted,#97a39c);margin:2px 0 10px}
#srcCodeWrap.hidden{display:none!important}
.try-mini-steps b{font:inherit;font-weight:inherit}
.try-sheet{position:fixed;inset:0;z-index:1100}
.try-sheet-bg{position:absolute;inset:0;background:rgba(0,0,0,.62);animation:tsFade .2s ease-out}
.try-sheet-card{position:absolute;left:0;right:0;bottom:0;max-width:640px;margin:0 auto;max-height:86vh;overflow:auto;background:var(--panel2,#111813);border:1px solid rgba(240,193,90,.28);border-bottom:0;border-radius:22px 22px 0 0;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -14px 40px rgba(0,0,0,.5);animation:tsUp .26s ease-out}
.try-sheet-grip{width:44px;height:4px;border-radius:4px;background:rgba(255,255,255,.22);margin:0 auto 12px}
.try-sheet-x{position:absolute;top:12px;left:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line,#1d2922);background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer}
.try-sheet-title{margin:6px 0 6px;font-size:22px}
.try-sheet-body>p{margin:0 0 6px;font-size:14px;color:var(--muted,#97a39c)}
.try-sheet .try-step{gap:14px;align-items:center;padding:12px 0}
.try-sheet .try-step i.try-ico{flex:0 0 46px;width:46px;height:46px;border-radius:14px;border:1px solid rgba(240,193,90,.28);background:rgba(240,193,90,.09);color:#f0c15a;display:grid;place-items:center;font-style:normal}
.try-sheet .try-step>div b{display:block;font-size:1.05em;margin-bottom:2px}
.try-sheet .try-step>div span{display:block;color:#c3cdc6;line-height:1.7}
.try-sheet .try-step>div em{font-style:normal;font-weight:900;color:#f0c15a}
.try-sheet .try-terms{color:#d6dfd9;margin-top:10px}.try-sheet .try-terms b{color:#f0c15a}
.try-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
html[data-theme="light"] .try-sheet-card{background:#fbfaf6;color:#1f2722}
html[data-theme="light"] .try-sheet .try-step i.try-ico{color:#796027;background:rgba(121,96,39,.08);border-color:rgba(121,96,39,.3)}
html[data-theme="light"] .try-sheet .try-step>div span,html[data-theme="light"] .try-sheet .try-terms{color:#3b463f}
html[data-theme="light"] .try-sheet .try-step>div em,html[data-theme="light"] .try-sheet .try-terms b{color:#7a5a14}
@keyframes tsUp{from{transform:translateY(100%)}to{transform:none}}@keyframes tsFade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.try-sheet-card,.try-sheet-bg{animation:none}}
.try-btn{flex:0 0 auto;border:1px solid rgba(240,193,90,.24);background:rgba(240,193,90,.055);color:#ead9b4;border-radius:12px;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s}
.try-btn:hover{background:rgba(240,193,90,.12)}
.try-btn:active{transform:scale(.96)}
html[data-theme="light"] .try-btn{color:#4b3a15}
.try-mini-go{flex:0 0 auto;display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(240,193,90,.5);border-radius:14px;background:rgba(240,193,90,.08);color:#f0c15a;font-family:inherit;font-size:20px;font-weight:900;line-height:1;cursor:pointer;transition:background .2s,transform .2s}
.try-mini-go:hover{background:rgba(240,193,90,.16)}
.try-mini-go:active{transform:scale(.95)}
html[data-theme="light"] .try-mini-go{color:#796027;border-color:rgba(121,96,39,.4);background:rgba(121,96,39,.07)}
.try-mini{flex-wrap:wrap}
.try-mini-steps{flex:1 0 100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.try-mini-steps span{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:12.5px;line-height:1.5;color:var(--muted)}
.try-mini-steps i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;border:1px solid rgba(240,193,90,.28);background:rgba(240,193,90,.09);color:#f0c15a}
#tryFirst .try-mini-steps{margin:14px 0 4px}
html[data-theme="light"] .try-mini-steps i{color:#796027;background:rgba(121,96,39,.08);border-color:rgba(121,96,39,.3)}
html[data-theme="light"] .try-mini-steps span{color:#3b463f}