@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-arabic-wght-normal-CJWMIGCx.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-ext-wght-normal-at8nfxId.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-wght-normal-PfPtmrPZ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#172d2a;font-synthesis:none;--ink:#102f2b;--forest:#174b43;--forest-soft:#dfe9e3;--ivory:#f4f0e7;--paper:#fffdf8;--copper:#b7773e;--copper-soft:#f2e2ce;--text:#172d2a;--muted:#64716c;--line:#ddd7ca;--danger:#9d413b;--success:#287154;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--r-sm:12px;--r-md:16px;--r-lg:24px;--r-xl:32px;--shadow-1:0 10px 30px #102f2b12;--shadow-2:0 18px 48px #102f2b21;--ease:cubic-bezier(.2, .8, .2, 1);background:#dcd8cf;font-family:Cairo Variable,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;direction:rtl;background:#dcd8cf}body{background:#dcd8cf;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit}svg{stroke-width:1.8px}::selection{color:var(--paper);background:var(--copper)}:focus-visible{outline-offset:3px;outline:3px solid #d09050}.skip-link{z-index:100;top:var(--s3);right:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-sm);color:#fff;background:var(--ink);transition:transform .18s var(--ease);position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{background:var(--ivory);width:100%;max-width:1180px;min-height:100dvh;margin-inline:auto;position:relative;box-shadow:0 0 80px #102f2b24}main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.page{width:100%;min-height:calc(100dvh - 96px);padding:calc(var(--s4) + env(safe-area-inset-top)) var(--s4) var(--s10);animation:page-in .28s var(--ease) both}.home-page{padding:0 0 var(--s12)}.page-header{align-items:center;gap:var(--s2);grid-template-columns:48px 1fr 48px;max-width:780px;min-height:64px;margin-inline:auto;display:grid}.page-header h1{text-align:center;margin:0;font-size:16px;font-weight:700;line-height:1.5}.header-space{width:48px}.brand-small{align-items:center;gap:var(--s2);min-width:48px;color:var(--forest);display:flex}.brand-small b{font:700 23px/1 Cairo Variable,serif}.brand-small svg{width:20px}.icon-button,.round-profile{min-width:44px;min-height:44px;transition:transform .18s var(--ease), color .18s ease, background .18s ease, border-color .18s ease;background:#fffdf8db;border:1px solid #174b431a;border-radius:999px;place-items:center;display:grid}.icon-button:hover,.round-profile:hover{border-color:#b7773e73;transform:translateY(-2px)}.icon-button:active,.round-profile:active{transform:scale(.96)}.icon-button.active,.heart.active{color:var(--danger)}.bottom-nav{z-index:30;right:50%;bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px)saturate(140%);background:#fffdf8e0;border:1px solid #174b431f;border-radius:24px;grid-template-columns:repeat(5,1fr);width:min(100% - 24px,680px);min-height:70px;padding:7px 8px;display:grid;position:fixed;transform:translate(50%);box-shadow:0 14px 40px #102f2b2e}.bottom-nav a{color:#74807b;min-height:56px;transition:color .18s ease, background .18s ease, transform .18s var(--ease);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bottom-nav a:hover{color:var(--forest)}.bottom-nav a:active{transform:scale(.96)}.bottom-nav a.active{color:var(--forest);background:var(--forest-soft)}.nav-icon{height:25px;position:relative}.nav-icon i{border:2px solid var(--paper);color:#fff;background:var(--copper);border-radius:10px;place-items:center;min-width:19px;height:19px;padding-inline:4px;font:700 10px/1 Arial,sans-serif;display:grid;position:absolute;top:-7px;left:-11px}.hero{min-height:510px;padding:calc(var(--s5) + env(safe-area-inset-top)) var(--s5) var(--s10);color:#fff;background:var(--ink);border-radius:0 0 var(--r-xl) var(--r-xl);isolation:isolate;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;opacity:.22;background-image:linear-gradient(90deg,#0000 49%,#ffffff0d 50%,#0000 51%),linear-gradient(#0000 49%,#ffffff09 50%,#0000 51%);background-size:72px 72px;position:absolute;inset:0}.hero:after{content:"سِفر";z-index:-1;color:#ffffff09;font:700 190px/1 Cairo Variable,serif;position:absolute;bottom:-42px;left:-18px}.topline{z-index:3;justify-content:space-between;align-items:center;display:flex;position:relative}.brand{flex-direction:column;display:flex}.brand span{font:700 38px/1 Cairo Variable,serif}.brand small{color:#ffffffad;margin-top:5px;font-size:11px}.round-profile{color:#fff;background:#ffffff14;border-color:#ffffff3d;font-weight:700}.hero-copy{z-index:2;width:min(76%,620px);margin-top:70px;position:relative}.eyebrow,.kicker{align-items:center;gap:var(--s2);color:var(--copper);font-size:13px;font-weight:700;display:flex}.hero .eyebrow{color:#e7ba80}.hero h1{margin:var(--s3) 0 var(--s3);color:#fff;letter-spacing:-.025em;text-wrap:balance;font:700 clamp(42px,12vw,64px)/1.22 Cairo Variable,serif}.hero p{max-width:480px;margin:0 0 var(--s6);color:#d6e0dc;font-size:15px;line-height:1.85}.hero-search{width:min(100%,520px);min-height:60px;padding:7px var(--s4) 7px 7px;border-radius:var(--r-md);color:#5c6965;background:var(--paper);align-items:center;gap:var(--s3);text-align:right;transition:transform .18s var(--ease), box-shadow .18s ease;border:1px solid #ffffff26;font-size:15px;display:flex;box-shadow:0 18px 34px #0003}.hero-search:hover{transform:translateY(-2px);box-shadow:0 22px 42px #00000042}.hero-search:active{transform:scale(.99)}.hero-search svg{width:21px;color:var(--forest)}.hero-search span{flex:1}.hero-search strong{min-height:44px;padding-inline:var(--s4);border-radius:var(--r-sm);color:#fff;background:var(--copper);place-items:center;font-size:13px;display:grid}.hero-orbit{z-index:2;width:102px;height:250px;position:absolute;top:150px;left:18px}.orbit-book{width:68px;height:108px;padding:var(--s2);border-right:6px solid #ffffff26;border-radius:4px 12px 12px 4px;place-items:center;font:700 16px/1.5 Cairo Variable,serif;display:grid;position:absolute;box-shadow:-10px 18px 30px #00000047}.orbit-book:after{content:"";border:1px solid #ffffff3b;border-radius:999px 999px 0 0;position:absolute;inset:10px}.orbit-book.one{color:#fff8ed;background:#a76837;top:0;left:4px;transform:rotate(8deg)}.orbit-book.two{background:#7c3430;top:73px;left:28px;transform:rotate(-7deg)}.orbit-book.three{color:var(--ink);background:#d9d0be;top:148px;left:2px;transform:rotate(3deg)}.feature-pair{z-index:4;padding-inline:var(--s4);gap:var(--s2);grid-template-columns:1fr 1fr;margin:-22px 0 0;display:grid;position:relative}.feature-pair>button{min-height:126px;padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-1);align-items:center;gap:var(--s2);text-align:right;transition:transform .2s var(--ease), box-shadow .2s ease, border-color .2s ease;grid-template-columns:44px 1fr 20px;display:grid}.feature-pair>button:hover{box-shadow:var(--shadow-2);border-color:#b7773e66;transform:translateY(-4px)}.feature-pair>button:active{transform:scale(.985)}.feature-pair>button>svg:first-child{width:44px;height:44px;color:var(--forest);background:var(--forest-soft);border-radius:15px;padding:10px}.feature-pair>button>svg:last-child{width:18px;color:var(--copper)}.feature-pair span{flex-direction:column;gap:4px;min-width:0;display:flex}.feature-pair b{font:700 18px/1.5 Cairo Variable,serif}.feature-pair small{color:var(--muted);font-size:12px;line-height:1.7}.section{--section-gutter:var(--s4);padding:var(--s10) var(--section-gutter) 0}.section-title{margin-bottom:var(--s5);justify-content:space-between;align-items:end;gap:var(--s3);display:flex}.section-title h2{color:var(--ink);margin:3px 0 0;font:700 30px/1.25 Cairo Variable,serif}.section-title button{min-height:44px;padding:0 var(--s2);color:var(--forest);background:0 0;border:0;align-items:center;gap:2px;font-size:13px;font-weight:700;display:flex}.section-title button svg{width:17px}.section-intro{margin:-10px 0 var(--s5);color:var(--muted);font-size:15px;line-height:1.8}.category-strip{padding-top:var(--s12)}.chips{gap:var(--s4);padding-block:var(--s2) var(--s4);scrollbar-width:none;scroll-snap-type:x proximity;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.book-grid.horizontal::-webkit-scrollbar{display:none}.chips button{justify-content:center;align-items:center;gap:var(--s2);white-space:nowrap;scroll-snap-align:start;background:0 0;border:0;flex-direction:column;min-width:76px;min-height:92px;padding:0;font-size:13px;display:flex}.chips button span{color:#fff;width:60px;height:60px;transition:transform .18s var(--ease);border-radius:20px;place-items:center;font:700 24px Cairo Variable,serif;display:grid;box-shadow:0 10px 22px #102f2b1f}.chips button:hover span{transform:translateY(-3px)rotate(-2deg)}.chips-skeleton{border-radius:var(--r-lg);background:linear-gradient(90deg,#e7e1d5,#faf7f0,#e7e1d5) 0 0/200%;height:92px;animation:1.3s linear infinite shimmer}.iraqi-shelf{margin-top:var(--s10);padding:var(--s10) var(--section-gutter) var(--s8);background:#ece3d6;border-block:1px solid #b7773e1f}.delivery-section{padding:var(--s10) var(--s4) 0}.delivery-banner{min-height:88px;padding:var(--s5);border-radius:var(--r-lg);color:var(--forest);background:var(--forest-soft);align-items:center;gap:var(--s4);border:1px solid #174b431a;display:flex}.delivery-banner svg{width:32px;height:32px}.delivery-banner div{flex-direction:column;gap:2px;display:flex}.delivery-banner b{font-size:15px}.delivery-banner span{color:var(--muted);font-size:13px}.book-grid{gap:var(--s8) var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.book-grid.horizontal{gap:var(--s4);padding-block:var(--s2) var(--s6);scrollbar-width:none;scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.section>.chips,.section>.book-grid.horizontal{width:calc(100% + var(--section-gutter) + var(--section-gutter));margin-inline:calc(0px - var(--section-gutter));padding-inline:var(--section-gutter);scroll-padding-inline:var(--section-gutter);overscroll-behavior-inline:contain}.section>.chips>:first-child,.section>.book-grid.horizontal>:first-child{scroll-margin-inline-start:var(--section-gutter)}.section>.chips>:last-child,.section>.book-grid.horizontal>:last-child{scroll-margin-inline-end:var(--section-gutter)}.horizontal .book-card{scroll-snap-align:start;flex:0 0 158px}.horizontal .cover-button:hover{transform:translateY(-2px)}.book-card{min-width:0;animation:item-in .3s var(--ease) both;position:relative}.book-card:nth-child(2){animation-delay:50ms}.book-card:nth-child(3){animation-delay:.1s}.book-card:nth-child(4){animation-delay:.15s}.book-card:nth-child(5){animation-delay:.2s}.book-card:nth-child(6){animation-delay:.25s}.cover-button,.title-button{text-align:right;cursor:pointer;background:0 0;border:0;padding:0}.cover-button{width:100%;transition:transform .22s var(--ease);border-radius:8px 16px 16px 8px;display:block}.cover-button:hover{transform:translateY(-5px)rotate(.4deg)}.cover-button:active{transform:scale(.98)}.book-cover{aspect-ratio:.69;isolation:isolate;color:#fff;background:var(--cover);border-right:8px solid color-mix(in srgb, var(--cover), white 22%);border-radius:6px 16px 16px 6px;flex-direction:column;justify-content:center;width:100%;min-height:210px;padding:30px 18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:-10px 15px 27px #102f2b33,inset -1px 0 #ffffff38}.book-cover:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--accent), white 45%);width:148px;height:148px;box-shadow:0 0 0 20px color-mix(in srgb, var(--accent), transparent 86%), 0 0 0 40px color-mix(in srgb, var(--accent), transparent 92%);border-radius:50%;position:absolute;top:17%;right:50%;transform:translate(50%)}.book-cover:after{content:"";background:#ffffff57;width:72%;height:1px;position:absolute;bottom:48px;right:14%}.book-cover strong{text-wrap:balance;text-shadow:0 2px 12px #0000002e;font:700 clamp(19px,5vw,25px)/1.45 Cairo Variable,serif}.book-cover small{text-overflow:ellipsis;white-space:nowrap;opacity:.86;max-width:calc(100% - 36px);font-size:11px;position:absolute;bottom:18px;right:18px;overflow:hidden}.cover-mark{opacity:.8;font:700 13px/1 Cairo Variable,serif;position:absolute;top:13px;right:16px}.book-cover.large{aspect-ratio:.665;width:210px;min-height:316px}.book-cover.large strong{font-size:32px}.book-cover.tiny{aspect-ratio:.68;border-right-width:4px;border-radius:4px 9px 9px 4px;flex:none;width:74px;min-height:108px;padding:16px 8px 13px;box-shadow:-5px 9px 16px #102f2b2e}.book-cover.tiny strong{font-size:12px}.book-cover.tiny small{max-width:55px;font-size:7px;bottom:9px;right:8px}.book-cover.tiny .cover-mark{font-size:8px;top:8px;right:8px}.book-cover.tiny:after{bottom:28px}.heart{z-index:2;top:var(--s2);left:var(--s2);position:absolute;box-shadow:0 6px 16px #102f2b1c}.iraqi-badge{z-index:2;top:var(--s2);right:var(--s2);color:#74491e;background:#fff4df;border:1px solid #dfb77e;border-radius:999px;min-height:30px;padding:6px 9px;font-size:10px;font-weight:700;position:absolute;box-shadow:0 5px 14px #3728141a}.book-info{padding-top:var(--s3)}.title-button{text-overflow:ellipsis;white-space:nowrap;width:100%;min-height:28px;color:var(--text);font-size:15px;font-weight:700;display:block;overflow:hidden}.book-info>span{min-height:24px;margin:1px 0 var(--s2);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.book-info>div{justify-content:space-between;align-items:center;gap:var(--s2);display:flex}.book-info b{color:var(--forest);font-size:14px}.mini-add{color:#fff;background:var(--forest);width:44px;height:44px;transition:transform .16s var(--ease), background .16s ease;border:0;border-radius:14px;place-items:center;display:grid}.mini-add:hover{background:var(--ink);transform:translateY(-2px)}.mini-add:active{transform:scale(.94)}.category-grid,.search-bar,.filters,.result-count,.active-filter,.page>.book-grid,.page>.state,.cart-list,.bundle-applied,.loyalty-card,.summary,.checkout-button,.checkout form,.profile-page>section,.profile-page>div,.profile-page>a{max-width:780px;margin-inline:auto}.category-grid{margin-top:var(--s5);gap:var(--s3);display:grid}.category-grid button{min-height:96px;padding:var(--s3);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-1);align-items:center;gap:var(--s4);text-align:right;transition:transform .18s var(--ease), border-color .18s ease;display:flex}.category-grid button:hover{border-color:color-mix(in srgb, var(--cat), #fff 35%);transform:translateY(-3px)}.category-grid button>span{color:#fff;background:var(--cat);border-radius:20px;flex:none;place-items:center;width:64px;height:64px;font:700 27px Cairo Variable,serif;display:grid}.category-grid button div{flex-direction:column;flex:1;display:flex}.category-grid b{font-size:16px}.category-grid small{color:var(--muted);font-size:13px}.category-grid svg{width:20px;color:var(--copper)}.search-bar{min-height:60px;margin-top:var(--s3);margin-bottom:var(--s3);padding:6px var(--s4) 6px 6px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow-1);align-items:center;gap:var(--s2);display:flex}.search-bar svg{width:21px;color:var(--forest)}.search-bar input{min-width:0;height:44px;padding-inline:var(--s2);color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.search-bar button{min-width:68px;min-height:44px;padding-inline:var(--s3);border-radius:var(--r-sm);color:#fff;background:var(--forest);border:0;font-size:13px;font-weight:700}.filters{align-items:center;gap:var(--s2);grid-template-columns:24px 1fr 1fr;display:grid}.filters svg{color:var(--forest)}.filters select{width:100%;min-width:0;min-height:48px;padding:0 var(--s3);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);background:var(--paper);font-size:13px}.active-filter{min-height:44px;margin-top:var(--s3);padding:0 var(--s4);color:var(--forest);background:var(--forest-soft);border:0;border-radius:999px;font-size:13px}.result-count{margin-top:var(--s5);margin-bottom:var(--s3);color:var(--muted);font-size:13px}.state{min-height:280px;padding:var(--s8);color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner{border:3px solid #d4dcd6;border-top-color:var(--forest);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.state p{max-width:430px;margin:var(--s3) 0;font-size:15px;line-height:1.8}.empty svg{width:56px;height:56px;color:var(--forest);background:var(--forest-soft);border-radius:20px;padding:14px}.empty h2{margin:var(--s4) 0 0;color:var(--ink);font:700 28px/1.4 Cairo Variable,serif}.secondary-button{min-height:48px;padding:0 var(--s5);border:1px solid var(--forest);color:var(--forest);justify-content:center;align-items:center;gap:var(--s2);transition:color .18s ease, background .18s ease, transform .18s var(--ease);background:0 0;border-radius:14px;font-size:14px;font-weight:700;display:flex}.secondary-button:hover{color:#fff;background:var(--forest);transform:translateY(-2px)}.primary-button{width:100%;min-height:56px;padding:var(--s3) var(--s5);border-radius:var(--r-md);color:#fff;background:var(--forest);justify-content:center;align-items:center;gap:var(--s3);transition:transform .18s var(--ease), background .18s ease, box-shadow .18s ease;border:0;font-size:15px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 12px 26px #174b432e}.primary-button:hover{background:var(--ink);transform:translateY(-2px);box-shadow:0 16px 32px #102f2b3b}.primary-button:active{transform:scale(.985)}.primary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.primary-button svg{width:19px}.product{max-width:none;padding-bottom:132px}.product-stage{min-height:400px;margin:var(--s3) calc(var(--s4) * -1) 0;border-block:1px solid var(--line);background:#e7e1d7;justify-content:center;align-items:center;display:flex;position:relative}.product-stage:before{content:"";border:1px solid #b7773e38;border-radius:50%;width:260px;height:260px;position:absolute}.stock{bottom:var(--s5);min-height:32px;padding:6px var(--s3);color:var(--success);background:#e1eee7;border:1px solid #2871542e;border-radius:999px;font-size:12px;font-weight:700;position:absolute}.product-copy{max-width:780px;padding-top:var(--s8);margin-inline:auto}.product-copy h1{margin:var(--s2) 0 0;color:var(--ink);text-wrap:balance;font:700 38px/1.35 Cairo Variable,serif}.author{margin:var(--s1) 0;color:var(--muted);font-size:15px}.trust-row{margin-top:var(--s4);gap:var(--s2);flex-wrap:wrap;display:flex}.trust-row span{min-height:36px;padding:6px var(--s3);color:var(--success);background:#e1eee7;border-radius:999px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.trust-row svg{width:16px;height:16px}.price-row{margin:var(--s6) 0;align-items:center;gap:var(--s3);display:flex}.price-row b{color:var(--forest);font-size:23px}.price-row del{color:#8c948f;font-size:14px}.facts{margin:var(--s6) 0 var(--s8);padding-block:var(--s5);border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.facts span{min-height:64px;padding-inline:var(--s2);border-left:1px solid var(--line);color:var(--muted);text-align:center;place-content:center;font-size:12px;line-height:1.6;display:grid}.facts span:last-child{border:0}.facts svg{width:21px;margin:0 auto var(--s1);color:var(--forest)}.facts b{color:var(--text);font-size:12px}.product-copy h2{margin-bottom:var(--s2);color:var(--ink);font:700 24px Cairo Variable,serif}.description{color:#4f5f5a;max-width:65ch;margin:0;font:500 17px/2 Cairo Variable,serif}.sticky-action{z-index:20;right:50%;bottom:calc(86px + env(safe-area-inset-bottom));width:min(100%,1180px);padding:var(--s4);pointer-events:none;background:linear-gradient(transparent, var(--ivory) 34%);position:fixed;transform:translate(50%)}.sticky-action .primary-button{pointer-events:auto;max-width:520px;margin-inline:auto}.compass-page,.journeys-page{max-width:900px;margin-inline:auto}.step-progress{height:6px;margin-top:var(--s4);background:#ddd9cf;border-radius:999px;overflow:hidden}.step-progress span{border-radius:inherit;background:var(--copper);height:100%;transition:width .28s var(--ease);display:block}.step-label{margin-top:var(--s2);color:var(--muted);font-size:13px;display:block}.compass-question,.compass-result{max-width:620px;padding:var(--s12) var(--s3) var(--s8);text-align:center;margin-inline:auto}.compass-question>svg,.compass-result>svg{border-radius:var(--r-lg);width:72px;height:72px;color:var(--forest);background:var(--forest-soft);padding:17px}.compass-question h1,.compass-result h1{margin:var(--s5) 0 var(--s2);color:var(--ink);text-wrap:balance;font:700 36px/1.4 Cairo Variable,serif}.compass-question p,.compass-result p{color:var(--muted);margin:0;font-size:15px;line-height:1.8}.compass-result .kicker{margin-top:var(--s4);justify-content:center}.answer-list{gap:var(--s3);max-width:620px;margin-inline:auto;display:grid}.answer-list button{min-height:72px;padding:0 var(--s5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow-1);text-align:right;transition:transform .18s var(--ease), border-color .18s ease, box-shadow .18s ease;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.answer-list button:hover,.answer-list button:focus-visible{border-color:var(--copper);box-shadow:var(--shadow-2);transform:translateY(-3px)}.answer-list button:active{transform:scale(.985)}.answer-list svg{width:19px;color:var(--copper)}.compass-reset{margin:var(--s8) auto}.journey-intro{max-width:760px;padding:var(--s8) var(--s1);align-items:center;gap:var(--s4);margin-inline:auto;display:flex}.journey-intro>svg{width:64px;height:64px;color:var(--forest);background:var(--forest-soft);border-radius:20px;flex:none;padding:15px}.journey-intro h1{color:var(--ink);margin:0;font:700 34px/1.35 Cairo Variable,serif}.journey-intro p{color:var(--muted);margin:2px 0 0;font-size:15px;line-height:1.7}.journey-list{gap:var(--s5);max-width:760px;margin-inline:auto;display:grid}.journey-list article{padding:var(--s6);border:1px solid var(--line);border-top:5px solid var(--journey);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-1);position:relative;overflow:hidden}.journey-list article:after{content:"";border:1px solid color-mix(in srgb, var(--journey), transparent 65%);pointer-events:none;border-radius:50%;width:140px;height:140px;position:absolute;top:-50px;left:-50px}.journey-heading>span{color:var(--journey);font-size:12px;font-weight:700}.journey-heading h2{margin:var(--s1) 0;color:var(--ink);font:700 30px/1.4 Cairo Variable,serif}.journey-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.journey-covers{min-height:126px;margin:var(--s6) 0;justify-content:center;align-items:center;gap:var(--s3);display:flex}.journey-covers .book-cover:nth-child(2){transform:translateY(-8px)}.reading-plan{margin:var(--s3) 0;padding:var(--s3);border-radius:var(--r-sm);align-items:flex-start;gap:var(--s2);background:#f0ede5;display:flex}.reading-plan svg{width:19px;color:var(--journey);flex:none}.reading-plan p{color:#53615d;margin:0;font-size:13px;line-height:1.8}.journey-price{margin:var(--s5) 0;justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.journey-price div{align-items:center;gap:var(--s2);display:flex}.journey-price del{color:var(--muted);font-size:13px}.journey-price b{color:var(--forest);font-size:20px}.journey-price>span{min-height:32px;padding:6px var(--s3);color:#76491b;background:var(--copper-soft);border-radius:999px;font-size:12px;font-weight:700}.cart-list{margin-top:var(--s4);gap:var(--s3);display:grid}.cart-list article{padding:var(--s3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow-1);align-items:center;gap:var(--s3);grid-template-columns:74px 1fr 48px;display:grid}.cart-list h2{color:var(--ink);margin:0;font:700 20px/1.35 Cairo Variable,serif}.cart-list article>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.cart-list article>div:nth-child(2) span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cart-list span{color:var(--muted);font-size:13px}.cart-list b{margin-top:var(--s2);color:var(--forest);font-size:14px}.quantity{background:#edf0eb;border-radius:14px;flex-direction:column;align-items:center;min-width:46px;padding-block:2px;display:flex}.quantity button{background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.quantity button svg{width:17px}.quantity span{color:var(--forest);font:700 14px Arial,sans-serif}.bundle-applied,.loyalty-card,.gift-confirmation,.loyalty-earned{margin-top:var(--s4);padding:var(--s4);border-radius:var(--r-md);align-items:center;gap:var(--s3);display:flex}.bundle-applied{color:var(--success);background:#e1eee7}.loyalty-card,.loyalty-earned{color:#fff;background:var(--ink)}.bundle-applied svg,.loyalty-card svg,.gift-confirmation svg,.loyalty-earned svg{flex:none;width:24px}.bundle-applied span,.loyalty-card div,.gift-confirmation div,.loyalty-earned div{flex-direction:column;gap:2px;min-width:0;display:flex}.bundle-applied b,.loyalty-card b,.gift-confirmation b,.loyalty-earned b{font-size:14px}.bundle-applied small,.loyalty-card span,.gift-confirmation q,.gift-confirmation span,.loyalty-earned span{opacity:.8;font-size:12px;line-height:1.7}.summary{margin-top:var(--s6);padding-top:var(--s3);border-top:1px dashed #bbb9b0}.summary>div,.pay-total{min-height:40px;margin:var(--s1) 0;justify-content:space-between;align-items:center;gap:var(--s3);font-size:14px;display:flex}.summary .discount-line{color:var(--success)}.summary .total{margin-top:var(--s2);padding-top:var(--s3);border-top:1px solid var(--line);color:var(--forest);font-size:18px}.checkout-button{margin-top:var(--s5)}.demo-notice{max-width:780px;margin:var(--s3) auto;padding:var(--s4);border-radius:var(--r-md);color:#72521e;gap:var(--s3);background:#fff3d9;border:1px solid #dfbf82;display:flex}.demo-notice svg{flex:none;width:24px}.demo-notice div{flex-direction:column;gap:2px;display:flex}.demo-notice b{font-size:14px}.demo-notice span{font-size:12px;line-height:1.7}.checkout form{gap:var(--s4);display:grid}.checkout fieldset{min-width:0;padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-1);gap:var(--s4);margin:0;display:grid}.checkout legend{padding:0 var(--s2);color:var(--forest);align-items:center;gap:var(--s2);font-size:15px;font-weight:700;display:flex}.checkout legend svg{width:20px}.checkout label{color:#4d5c57;gap:7px;font-size:13px;font-weight:600;display:grid}.checkout input,.checkout select,.checkout textarea{width:100%;min-height:48px;padding:var(--s3);border-radius:var(--r-sm);color:var(--text);background:#fff;border:1px solid #d5d1c8;outline:0;font-size:15px;transition:border-color .16s,box-shadow .16s}.checkout input:focus,.checkout select:focus,.checkout textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px #174b431f}.checkout textarea{resize:vertical;min-height:96px}.payment-option,.gift-toggle{min-height:64px;padding:var(--s2);border-radius:var(--r-sm);align-items:center;grid-template-columns:24px 1fr!important}.payment-option:has(input:checked){background:var(--forest-soft)}.payment-option input,.gift-toggle input{width:20px;min-height:20px;accent-color:var(--forest)}.payment-option span,.gift-toggle span{flex-direction:column;display:flex}.payment-option b,.gift-toggle b{color:var(--text);font-size:14px}.payment-option small,.gift-toggle small{color:var(--muted);font-size:12px;font-weight:400}.gift-fields{padding-top:var(--s4);border-top:1px dashed var(--line);gap:var(--s3);animation:item-in .22s var(--ease) both;display:grid}.inline-error{padding:var(--s3);border-radius:var(--r-sm);color:var(--danger);background:#f7e2df;margin:0;font-size:14px}.pay-total{color:var(--forest);font-size:16px}.confirmation{text-align:center;max-width:720px;margin-inline:auto}.success-mark{width:88px;height:88px;margin:var(--s12) auto var(--s5);color:var(--success);background:#dfeee7;border:1px solid #28715429;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 12px #2871540d}.success-mark svg{width:46px;height:46px}.confirmation>.kicker{justify-content:center}.confirmation>h1{margin:var(--s2) 0;color:var(--ink);font:700 38px/1.4 Cairo Variable,serif}.confirmation>p{max-width:520px;color:var(--muted);margin:0 auto;font:500 17px/1.9 Cairo Variable,serif}.gift-confirmation{color:#714b29;background:var(--copper-soft);text-align:right}.order-ticket{margin:var(--s6) 0;padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-1);gap:var(--s3);text-align:right;display:grid}.order-ticket>span{color:var(--muted);font-size:12px}.order-ticket>b{padding-bottom:var(--s4);border-bottom:1px dashed var(--line);color:var(--forest);font-size:21px}.order-ticket div{justify-content:space-between;align-items:center;gap:var(--s3);min-height:36px;font-size:13px;display:flex}.order-ticket strong{color:var(--forest)}.profile-hero{padding:var(--s6) var(--s1);align-items:center;gap:var(--s4);display:flex}.profile-hero>span{color:#fff;background:var(--forest);border-radius:22px;flex:none;place-items:center;width:68px;height:68px;font:700 28px Cairo Variable,serif;display:grid}.profile-hero h1{color:var(--ink);margin:0;font:700 29px/1.35 Cairo Variable,serif}.profile-hero p{color:var(--muted);margin:2px 0 0;font-size:14px}.points-balance{min-height:230px;padding:var(--s6);border-radius:var(--r-xl);color:#fff;background:var(--ink);box-shadow:var(--shadow-2);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.points-balance:after{content:"";border:1px solid #e7ba8059;border-radius:50%;width:150px;height:150px;position:absolute;top:-45px;left:-45px;box-shadow:0 0 0 24px #e7ba800d}.points-balance svg{color:#e7ba80}.points-balance span{margin-top:var(--s2);font-size:14px}.points-balance b{font-size:58px;line-height:1.15}.points-balance small{color:#ffffffad;font-size:12px}.profile-stats{margin-top:var(--s4);margin-bottom:var(--s4);gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.profile-stats div{min-height:112px;padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);flex-direction:column;justify-content:center;align-items:center;display:flex}.profile-stats b{color:var(--forest);font-size:25px}.profile-stats span{color:var(--muted);font-size:13px}.profile-link{min-height:60px;padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--r-md);color:var(--forest);background:var(--paper);justify-content:space-between;align-items:center;gap:var(--s3);font-size:14px;font-weight:700;text-decoration:none;display:flex}.profile-link svg{width:18px}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes item-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200%}}@media (width>=700px){.page{padding-inline:var(--s8)}.hero{min-height:560px;padding-inline:var(--s10)}.hero-copy{margin-top:90px}.hero-orbit{top:150px;left:10%;transform:scale(1.18)}.feature-pair{gap:var(--s4);max-width:932px;margin-inline:auto}.feature-pair>button{min-height:142px;padding:var(--s5)}.section,.delivery-section{max-width:1000px;margin-inline:auto}.section{--section-gutter:var(--s8);padding-inline:var(--section-gutter)}.iraqi-shelf{--section-gutter:max(var(--s8), calc((100% - 936px) / 2));max-width:none;padding-inline:var(--section-gutter)}.delivery-section{padding-inline:var(--s8)}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.horizontal .book-card{flex-basis:180px}.book-cover{min-height:250px}.category-grid{grid-template-columns:1fr 1fr}.product-stage{margin-inline:calc(var(--s8) * -1)}.checkout form{grid-template-columns:1fr 1fr;align-items:start}.checkout form>fieldset:first-child{grid-row:span 2}.checkout form>.inline-error,.checkout form>.pay-total,.checkout form>.primary-button{grid-column:1/-1}}@media (width>=1024px){body{padding:var(--s6)}.app-shell{border-radius:var(--r-xl);min-height:calc(100vh - 48px);overflow:hidden}main{padding-bottom:110px}.page{min-height:calc(100vh - 158px)}.hero{border-radius:0 0 42px 42px;min-height:590px}.hero-orbit{left:14%;transform:scale(1.28)}.feature-pair{margin-top:-32px}.bottom-nav{bottom:var(--s10)}.sticky-action{bottom:118px}.book-grid:not(.horizontal){grid-template-columns:repeat(4,minmax(0,1fr))}.journey-list{grid-template-columns:1fr 1fr;max-width:960px}}@media (width<=390px){.hero{min-height:500px}.hero-copy{width:78%;margin-top:58px}.hero h1{font-size:40px}.hero-orbit{transform-origin:0 0;left:5px;transform:scale(.88)}.feature-pair{padding-inline:var(--s3);margin-inline:0}.feature-pair>button{padding:var(--s3);grid-template-columns:40px 1fr}.feature-pair>button>svg:last-child{display:none}.feature-pair b{font-size:16px}.section{--section-gutter:var(--s4);padding-inline:var(--section-gutter)}.book-grid{gap-inline:var(--s3)}.book-cover{min-height:200px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}