:root{font-family:IBM Plex Sans Arabic,Tahoma,sans-serif;color:#202421;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #69957a;outline-offset:3px}.shell{width:min(1280px,calc(100% - 48px));margin-inline:auto}.noticebar{background:#f3f5f2;border-bottom:1px solid #e5e9e2;font-size:12px;color:#566357}.noticebar .shell{display:flex;justify-content:space-between;gap:12px;padding-block:8px}.site-head{border-bottom:1px solid #e7ebe6;background:#fff;position:sticky;top:0;z-index:20}.head-main{display:grid;grid-template-columns:210px minmax(240px,1fr) auto;align-items:center;gap:32px;min-height:82px}.brand{display:flex;align-items:center;gap:12px;width:max-content}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#164533;color:#fff;font-size:25px;line-height:1}.brand strong{display:block;font-size:19px;line-height:1.25;letter-spacing:-.035em}.brand small{display:block;font-size:11px;color:#7b857d}.search-box{display:flex;align-items:center;gap:10px;height:46px;padding:0 15px;border:1px solid #e2e8e1;border-radius:11px;background:#f8faf7;color:#7c877e}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#202421;font-size:13px}.search-box input::placeholder{color:#9ba69d}.head-actions{display:flex;align-items:center;gap:10px}.icon-action{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:9px;color:#354138;font-size:12px;font-weight:600}.icon-action svg,.search-box svg{width:19px;height:19px;flex:none}.cart-count{display:grid;place-items:center;min-width:20px;height:20px;border-radius:100px;background:#164533;color:#fff;font-size:10px}.nav-row{display:flex;align-items:center;gap:28px;min-height:43px;font-size:12px;color:#6c776e}.nav-row a:first-child{color:#164533;font-weight:700}.nav-row a:hover{color:#164533}.nav-row .nav-tail{margin-inline-start:auto;font-size:11px;color:#939e95}.hero{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;min-height:365px;margin-top:28px;border:1px solid #e5ebe5;border-radius:20px;background:#f2f6f0}.hero-copy{padding:55px 57px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{display:inline-block;color:#3b7653;font-size:11px;font-weight:700;letter-spacing:.02em}.hero h1{font-size:clamp(32px,3.9vw,58px);letter-spacing:-.07em;line-height:1.2;margin:14px 0}.hero p{color:#667268;font-size:14px;line-height:1.95;max-width:480px;margin:0 0 26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce5dc;background:#fff;color:#26352a;min-height:42px;padding:8px 17px;border-radius:10px;font-size:12px;font-weight:700}.btn:hover{border-color:#9eb5a3}.btn-primary{background:#164533;border-color:#164533;color:#fff}.btn-primary:hover{background:#236246;border-color:#236246}.hero-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 49% 60%,#c6d8c7 0,#e2ece0 45%,#edf3ea 75%)}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid rgba(46,93,60,.13);border-radius:50%;width:420px;height:420px}.hero-art:after{width:560px;height:560px}.hero-book{position:absolute;width:150px;height:205px;border-radius:5px 12px 12px 5px;box-shadow:15px 22px 38px #1a432833,inset 9px 0 #00000014;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:20px;color:#fff;transform:rotate(-11deg);background:#325c42}.hero-book:nth-child(2){transform:translate(104px) translateY(12px) rotate(11deg);background:#c6a77a;z-index:1}.hero-book:nth-child(3){transform:translate(-100px) translateY(25px) rotate(-19deg);background:#576e63}.hero-book b{font-size:18px;line-height:1.3;max-width:110px}.hero-book small{font-size:10px;opacity:.75}.intro-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-block:28px 48px}.intro-item{display:flex;align-items:center;gap:13px;padding:17px 19px;border:1px solid #edf0ec;border-radius:13px}.intro-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#edf4ec;color:#3b7653;font-size:17px}.intro-item b{display:block;font-size:12px}.intro-item small{display:block;color:#89958b;font-size:11px;margin-top:2px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-top h2{font-size:26px;line-height:1.3;letter-spacing:-.045em;margin:7px 0 0}.section-top p{font-size:12px;color:#869188;margin:6px 0 0}.category-list{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.category-pill{border:1px solid #e5eae3;border-radius:100px;padding:9px 16px;background:#fff;color:#6f7a71;font-size:11px}.category-pill.active{background:#164533;border-color:#164533;color:#fff}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #e8ede7;color:#8b958d;font-size:11px}.catalog-toolbar select{border:1px solid #e4eae4;border-radius:9px;padding:8px 12px;background:#fff;color:#414d43;font-size:11px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-block:25px 85px}.book-card{min-width:0}.cover-area{display:grid;place-items:center;height:252px;border:1px solid #edf0ec;border-radius:13px;background:#f7f9f6;overflow:hidden;position:relative}.cover-area img{width:145px;height:204px;object-fit:cover;border-radius:3px 9px 9px 3px;box-shadow:9px 13px 24px #213e2630}.cover-placeholder{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;width:145px;height:204px;padding:15px;color:#fff;background:var(--book-color,#355d45);border-radius:3px 9px 9px 3px;box-shadow:9px 13px 24px #213e2630,inset 8px 0 #0002}.cover-placeholder b{font-size:15px;line-height:1.35}.cover-placeholder small{font-size:9px;opacity:.8}.cover-tag{position:absolute;top:11px;right:11px;padding:5px 9px;border-radius:100px;background:#fff;color:#477451;font-size:9px;font-weight:700}.book-meta{padding:13px 2px 0}.book-meta small{color:#869389;font-size:10px}.book-title{display:block;margin:5px 0 3px;padding:0;border:0;background:transparent;color:#263129;font-size:14px;font-weight:700;line-height:1.55;text-align:right}.book-title:hover{color:#2c7850}.book-author{display:block;color:#8d998e;font-size:11px;min-height:20px}.book-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px}.book-price{font-size:14px;font-weight:700;color:#164533}.book-price small{font-size:10px;color:#809086;font-weight:400}.add-btn{border:1px solid #cddccd;border-radius:8px;background:#eff5ed;color:#255c3a;padding:8px 11px;font-size:11px;font-weight:700}.add-btn:hover{background:#dcebd9}.add-btn:disabled{background:#f2f2f2;color:#8b8b8b}.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;color:#829185;border:1px dashed #dce6dc;border-radius:14px}.empty-state b{display:block;color:#334a37;font-size:16px;margin-bottom:6px}.footer{background:#f5f7f3;border-top:1px solid #e8ece6;padding:40px 0;color:#738076;font-size:11px}.footer .shell{display:flex;justify-content:space-between;gap:20px}.footer strong{display:block;color:#274a32;font-size:17px;margin-bottom:6px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#18271e80;z-index:30}.drawer{position:fixed;z-index:31;inset-block:0;left:0;width:min(450px,100%);background:#fff;box-shadow:10px 0 45px #0002;display:flex;flex-direction:column}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:21px 25px;border-bottom:1px solid #e9eee7}.drawer-head h2{margin:0;font-size:20px}.close-btn{display:grid;place-items:center;width:34px;height:34px;border:0;background:#f3f6f1;border-radius:9px;color:#455949;font-size:20px}.drawer-content{padding:22px 25px;overflow:auto;flex:1}.drawer-foot{border-top:1px solid #e9eee7;padding:18px 25px}.drawer-foot .btn{width:100%}.cart-row{display:grid;grid-template-columns:58px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #edf0ec}.cart-cover{height:75px;border-radius:5px;background:#eaf0e8;display:grid;place-items:center;overflow:hidden}.cart-cover img{width:100%;height:100%;object-fit:cover}.cart-row b{display:block;font-size:12px}.cart-row small{color:#8a968a;font-size:10px}.qty-controls{display:flex;align-items:center;gap:8px;margin-top:8px}.qty-controls button{border:1px solid #dce5db;background:#fff;width:23px;height:23px;border-radius:5px}.cart-total{display:flex;justify-content:space-between;font-size:14px;font-weight:700;margin-bottom:16px}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:32;display:grid;place-items:center;padding:15px;background:#18271e80}.modal{width:min(680px,100%);max-height:calc(100vh - 30px);overflow:auto;background:#fff;border-radius:16px;padding:26px}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px}.modal-head h2{margin:0;font-size:23px}.modal-head p{margin:5px 0 0;font-size:12px;color:#829084;line-height:1.7}.detail-layout{display:grid;grid-template-columns:190px 1fr;gap:25px}.detail-cover{min-height:255px;display:grid;place-items:center;background:#f4f7f2;border-radius:11px;overflow:hidden}.detail-cover img{max-width:80%;max-height:220px;box-shadow:9px 12px 22px #0002}.detail-cover .cover-placeholder{width:145px;height:205px}.detail-text h3{margin:0 0 5px;font-size:19px}.detail-text p{color:#6d7b6f;font-size:12px;line-height:1.9}.detail-data{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.detail-data span{background:#f6f8f5;padding:10px;border-radius:8px;font-size:11px;color:#5f7062}.detail-data b{display:block;color:#273a2c;margin-top:3px}.checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:grid;gap:6px;color:#4d5b4f;font-size:11px;font-weight:600}.form-field.wide{grid-column:1/-1}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:40px;padding:9px 11px;border:1px solid #dde5dc;border-radius:8px;background:#fff;color:#26352a}.form-field textarea{min-height:74px;resize:vertical}.guest-note{grid-column:1/-1;padding:13px 15px;border:1px solid #dfe9df;border-radius:10px;background:#f6f9f5;color:#607463;font-size:11px;line-height:1.8}.guest-note b{color:#244f32}.guest-note button{border:0;background:transparent;color:#205b39;font-weight:700;text-decoration:underline}.checkout-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.checkout-actions .btn{min-width:160px}.status-message{padding:13px;border-radius:9px;background:#f0f6ed;color:#24583a;font-size:12px;line-height:1.8;margin-top:12px}.status-message.error{background:#fff0ef;color:#a84034}.preview-banner{padding:7px;text-align:center;background:#f8e8c9;color:#6a5128;font-size:11px}@media(max-width:900px){.head-main{grid-template-columns:1fr auto;gap:16px;padding-block:14px}.search-box{grid-row:2;grid-column:1/-1}.hero-copy{padding:38px}.book-grid{grid-template-columns:repeat(3,1fr)}.nav-row .nav-tail{display:none}}@media(max-width:660px){.shell{width:min(100% - 28px,1280px)}.noticebar{font-size:10px}.head-main{min-height:0}.brand strong{font-size:16px}.brand-mark{width:36px;height:36px}.icon-action span:not(.cart-count){display:none}.nav-row{gap:16px;overflow:auto;white-space:nowrap}.hero{grid-template-columns:1fr;margin-top:15px}.hero-copy{padding:30px 23px}.hero h1{font-size:35px}.hero-art{min-height:235px}.hero-book{width:110px;height:155px;padding:13px}.hero-book b{font-size:13px}.hero-book:nth-child(2){transform:translate(72px) rotate(11deg)}.hero-book:nth-child(3){transform:translate(-70px) rotate(-19deg)}.intro-row{grid-template-columns:1fr;margin:17px 0 40px}.intro-item{padding:12px 15px}.section-top h2{font-size:22px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cover-area{height:205px}.cover-area img,.cover-placeholder{width:112px;height:160px}.cover-placeholder b{font-size:12px}.book-bottom{align-items:stretch;flex-direction:column}.add-btn{width:100%}.footer .shell{flex-direction:column}.detail-layout,.checkout-form{grid-template-columns:1fr}.detail-cover{min-height:210px}.form-field.wide,.guest-note,.checkout-actions{grid-column:1}.checkout-actions{flex-direction:column;align-items:stretch}.checkout-actions .btn{width:100%}}:root{--motion-fast: .18s;--motion-medium: .28s;--motion-ease: cubic-bezier(.2, .7, .2, 1)}.brand-mark,.brand strong,.search-box,.search-box svg,.icon-action,.icon-action svg,.cart-count,.nav-row a,.hero,.hero-book,.intro-item,.intro-icon,.btn,.category-pill,.select-trigger,.select-leading,.book-card,.cover-area,.cover-area img,.cover-placeholder,.cover-tag,.book-title,.book-price,.add-btn,.close-btn,.cart-row,.cart-cover,.qty-controls button,.detail-data span,.form-field input,.form-field textarea,.guest-note button{transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-medium) var(--motion-ease),opacity var(--motion-fast) ease,transform var(--motion-medium) var(--motion-ease),translate var(--motion-medium) var(--motion-ease),filter var(--motion-medium) var(--motion-ease)}@keyframes icon-arrive{0%{opacity:0;transform:translateY(9px) scale(.76);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes soft-arrive{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes overlay-arrive{0%{opacity:0}to{opacity:1}}@keyframes panel-arrive{0%{opacity:0;translate:0 12px;scale:.985}to{opacity:1;translate:0 0;scale:1}}@keyframes drawer-arrive{0%{opacity:0;translate:-18px 0}to{opacity:1;translate:0 0}}.is-booting .brand-mark,.is-booting .search-box svg,.is-booting .head-actions .icon-action svg,.is-booting .intro-icon,.is-booting .cover-tag{animation:icon-arrive .58s var(--motion-ease) both}.is-booting .brand-mark{animation-delay:.08s}.is-booting .search-box svg{animation-delay:.23s}.is-booting .head-actions .icon-action:first-child svg{animation-delay:.37s}.is-booting .head-actions .icon-action:nth-child(2) svg{animation-delay:.51s}.is-booting .intro-item:nth-child(1) .intro-icon{animation-delay:.65s}.is-booting .intro-item:nth-child(2) .intro-icon{animation-delay:.79s}.is-booting .intro-item:nth-child(3) .intro-icon{animation-delay:.93s}.is-booting .book-card:nth-child(4n+1) .cover-tag{animation-delay:1.07s}.is-booting .book-card:nth-child(4n+2) .cover-tag{animation-delay:1.17s}.is-booting .book-card:nth-child(4n+3) .cover-tag{animation-delay:1.27s}.is-booting .book-card:nth-child(4n) .cover-tag{animation-delay:1.37s}.is-booting .hero-copy,.is-booting .hero-art,.is-booting .intro-item{animation:soft-arrive .7s var(--motion-ease) both}.is-booting .hero-copy{animation-delay:.1s}.is-booting .hero-art{animation-delay:.22s}.is-booting .intro-item:nth-child(1){animation-delay:.4s}.is-booting .intro-item:nth-child(2){animation-delay:.54s}.is-booting .intro-item:nth-child(3){animation-delay:.68s}.book-card{animation:soft-arrive .5s var(--motion-ease) backwards}.book-card:nth-child(4n+1){animation-delay:.03s}.book-card:nth-child(4n+2){animation-delay:.09s}.book-card:nth-child(4n+3){animation-delay:.15s}.book-card:nth-child(4n){animation-delay:.21s}.overlay,.modal-wrap{animation:overlay-arrive .2s ease-out both}.modal{animation:panel-arrive .28s var(--motion-ease) both}.drawer{animation:drawer-arrive .3s var(--motion-ease) both}.status-message:not([hidden]){animation:soft-arrive .24s var(--motion-ease) both}@media(hover:hover)and (pointer:fine){.brand:hover .brand-mark{transform:rotate(-6deg) scale(1.07);box-shadow:0 6px 17px #16453333}.brand:hover strong{color:#246c47}.search-box:hover,.search-box:focus-within{border-color:#9ebca5;background:#fff;box-shadow:0 4px 18px #184f3214}.search-box:focus-within svg{color:#2d7549;transform:scale(1.08)}.icon-action:hover{color:#17643f;background:#f0f6ef;border-radius:9px;translate:0 -2px}.icon-action:hover svg{transform:scale(1.13) rotate(-5deg)}.icon-action:hover .cart-count{transform:scale(1.12);box-shadow:0 3px 10px #16453340}.nav-row a{position:relative}.nav-row a:after{content:"";position:absolute;inset-inline:0;bottom:6px;height:2px;border-radius:2px;background:#397e50;transform:scaleX(0);transform-origin:right;transition:transform var(--motion-medium) var(--motion-ease)}.nav-row a:hover{color:#17643f}.nav-row a:hover:after{transform:scaleX(1)}.hero:hover{border-color:#d0dfd0;box-shadow:0 16px 36px #193d2812}.hero-art:hover .hero-book{translate:0 -8px;box-shadow:-18px 26px 40px #1a43283d,inset -9px 0 #0002}.hero-art:hover .hero-book:nth-child(2){translate:0 -15px}.intro-item:hover{translate:0 -4px;border-color:#cfe0ce;box-shadow:0 10px 24px #16453312}.intro-item:hover .intro-icon{background:#dcebdd;color:#216b40;transform:rotate(-6deg) scale(1.08)}.btn:not(:disabled):hover,.add-btn:not(:disabled):hover{translate:0 -2px;box-shadow:0 7px 18px #16453324}.btn:not(:disabled):active,.add-btn:not(:disabled):active,.category-pill:active{translate:0 0;transform:scale(.97)}.category-pill:hover{translate:0 -2px;border-color:#9cbaa2;background:#f1f6f0;color:#215f3b;box-shadow:0 4px 12px #16453312}.category-pill.active:hover{background:#236246;color:#fff}.select-trigger:hover{border-color:#9cbaa2;box-shadow:0 3px 12px #16453312}.book-card:hover{translate:0 -6px}.book-card:hover .cover-area{border-color:#d0decf;background:#f1f6ef;box-shadow:0 13px 26px #183d2717}.book-card:hover .cover-area img,.book-card:hover .cover-placeholder{transform:scale(1.045) rotate(-1deg)}.book-card:hover .cover-tag{box-shadow:0 3px 12px #16453320}.book-card:hover .book-price{color:#287747}.book-title:hover{color:#216a42;text-decoration:underline;text-underline-offset:3px}.add-btn:not(:disabled):hover{background:#dbeedb;border-color:#a9c8ac}.close-btn:hover{background:#e6efe5;color:#205e3a;transform:rotate(90deg)}.cart-row:hover{background:#f8faf7}.cart-row:hover .cart-cover{transform:scale(1.04)}.qty-controls button:hover{border-color:#a9c8ac;background:#e9f3e8;color:#185c37;transform:scale(1.08)}.detail-data span:hover{background:#edf5ec;translate:0 -2px}.form-field input:hover,.form-field textarea:hover{border-color:#a9c8ac}.guest-note button:hover{color:#123e27;text-decoration-thickness:2px}}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#6c9f77;box-shadow:0 0 0 3px #6c9f7726}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.book-card:hover,.intro-item:hover,.icon-action:hover,.btn:hover,.add-btn:hover,.category-pill:hover,.detail-data span:hover,.hero-art:hover .hero-book{translate:none}.brand:hover .brand-mark,.icon-action:hover svg,.intro-item:hover .intro-icon,.book-card:hover .cover-area img,.book-card:hover .cover-placeholder,.close-btn:hover,.qty-controls button:hover{transform:none}.is-booting .brand-mark,.is-booting .search-box svg,.is-booting .head-actions .icon-action svg,.is-booting .intro-icon,.is-booting .cover-tag{opacity:1;filter:none}}html{scroll-behavior:smooth}#catalog,#how-to{scroll-margin-top:150px}.head-main{grid-template-columns:minmax(310px,auto) minmax(220px,1fr) auto;gap:24px;min-height:88px}.brand{width:auto;min-width:0}.brand-mark{flex:none;width:58px;height:58px;overflow:hidden;border:1px solid #e2e9e1;border-radius:50%;background:#fff;box-shadow:0 3px 12px #1a432814}.brand-logo{display:block;width:100%;height:100%;object-fit:contain}.brand-copy{display:flex;min-width:0;flex-direction:column;justify-content:center}.brand-copy strong{font-size:18px;line-height:1.35}.brand-copy small{margin-top:2px;color:#727f75;font-size:10px;line-height:1.5;font-weight:500}:root{--radius-surface: 28px;--radius-card: 20px;--radius-control: 14px}.hero{border-radius:var(--radius-surface)}.intro-item,.cover-area,.empty-state{border-radius:var(--radius-card)}.search-box,.btn,.modal,.guest-note,.detail-cover{border-radius:var(--radius-control)}.modal{border-radius:24px}.drawer{border-radius:0 24px 24px 0}.intro-icon,.detail-data span,.status-message{border-radius:13px}.form-field input,.form-field textarea,.add-btn,.close-btn,.icon-action:hover{border-radius:12px}.cart-cover{border-radius:9px}.cart-row:hover{border-radius:12px}.qty-controls button{border-radius:7px}.category-pill,.cover-tag{border-radius:999px}.cover-area img,.cover-placeholder,.detail-cover img{border-radius:9px 3px 3px 9px}.cover-area img{object-fit:contain;background:transparent;box-shadow:none;filter:drop-shadow(-9px 13px 12px #213e2630)}.cover-placeholder{direction:rtl;text-align:right;box-shadow:-9px 13px 24px #213e2630,inset -8px 0 #0002}.detail-cover img{box-shadow:none;filter:drop-shadow(-9px 12px 11px #0002)}.hero-book{border-radius:12px 5px 5px 12px;box-shadow:-15px 22px 38px #1a432833,inset -9px 0 #00000014}.hero h1{max-width:590px;font-size:clamp(30px,3.15vw,47px);line-height:1.24;letter-spacing:-.055em;text-wrap:balance}.hero p{max-width:510px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.hero-actions .btn{min-height:44px}.hero-actions .btn-secondary{background:#ffffffbd;border-color:#b9cdbb;color:#1d5035}.hero-actions .btn-secondary:hover{background:#fff;border-color:#7da889}.bulk-disclaimer{max-width:310px;color:#728073;font-size:11px;line-height:1.7}#bulk-form textarea{min-height:120px}.catalog-controls{display:flex;align-items:center;gap:12px}.catalog-controls #refresh-catalog{border:0;background:transparent;color:#286746;font-size:11px;font-weight:700}.catalog-controls #refresh-catalog:hover{color:#164533;text-decoration:underline}.sort-control{display:flex;align-items:center;gap:10px;color:#69776b;white-space:nowrap}.custom-select{min-width:0}.sort-control .custom-select{width:158px}.select-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:43px;padding:8px 12px;border:1px solid #dce7dc;border-radius:12px;background:linear-gradient(180deg,#fff,#fbfdfb);color:#304738;text-align:right;font-size:12px;font-weight:650;box-shadow:0 2px 5px #204b2610}.select-trigger:hover,.custom-select.is-open .select-trigger{border-color:#9fbea6;background:#fff;box-shadow:0 5px 16px #204b2618}.select-trigger:focus-visible{outline:3px solid #72a67c88;outline-offset:2px}.select-leading{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:8px;background:#eff6ef;color:#397a4f}.select-leading svg{display:block;width:16px;height:16px}.select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-placeholder .select-value{color:#8a998d;font-weight:500}.select-chevron{display:grid;place-items:center;flex:none;width:17px;height:17px;color:#6d806f;transition:transform .2s ease}.select-chevron svg{display:block;width:17px;height:17px}.custom-select.is-open .select-chevron{transform:rotate(180deg)}.select-menu{position:fixed;z-index:50;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid #dce8dc;border-radius:15px;background:#fff;box-shadow:0 16px 45px #183f2830,0 3px 10px #183f2814;animation:select-arrive .18s ease-out both}.select-menu.opens-up{transform-origin:bottom center}@keyframes select-arrive{0%{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}.select-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:39px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#37483a;text-align:right;font-size:12px;line-height:1.5}.select-option:hover,.select-option:focus-visible{outline:none;background:#f0f6ef;color:#1e5b38}.select-option[aria-selected=true]{background:#eaf4e9;color:#195333;font-weight:700}.select-check{display:grid;place-items:center;flex:none;width:16px;height:16px;opacity:0}.select-option[aria-selected=true] .select-check{opacity:1}.select-check svg{width:16px;height:16px}.account-modal{width:min(530px,100%)}.account-methods{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid #e1eae0;border-radius:15px;background:#f5f8f4}.account-methods button{min-height:42px;border:0;border-radius:11px;background:transparent;color:#728074;font-size:12px;font-weight:700}.account-methods button[aria-selected=true]{background:#fff;color:#195536;box-shadow:0 2px 9px #204b2618}.account-methods button:hover{color:#195536}#account-method-panel{padding-top:18px}.account-email-modes{display:flex;gap:20px;margin-bottom:17px;border-bottom:1px solid #e7eee6}.account-email-modes button{position:relative;padding:0 2px 11px;border:0;background:transparent;color:#89968b;font-size:12px;font-weight:700}.account-email-modes button.active{color:#195536}.account-email-modes button.active:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;border-radius:3px;background:#267245}.account-form{display:grid;gap:12px}.account-form .form-field{gap:7px}.account-form .form-field input{min-height:45px;font-size:13px}.account-form .btn{min-height:45px;width:100%;margin-top:4px}.account-text-button{width:max-content;padding:2px 0;border:0;background:transparent;color:#286746;font-size:11px;font-weight:700;text-align:right}.account-text-button:hover{text-decoration:underline;text-underline-offset:3px}.account-hint,.account-guest-note{margin:0;color:#718075;font-size:11px;line-height:1.8}.account-guest-note{margin-top:17px;padding-top:14px;border-top:1px solid #edf1ec}.account-summary{display:grid;gap:18px}.account-identities{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.account-identity{display:grid;gap:4px;min-width:0;padding:13px 14px;border:1px solid #e1eae0;border-radius:14px;background:#f9fbf8}.account-identity span{color:#758377;font-size:10px}.account-identity b{width:100%;color:#294633;font-size:12px;text-align:right;overflow-wrap:anywhere}.account-identity small{width:max-content;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700}.identity-verified{background:#e8f5e9;color:#287147}.identity-pending{background:#fff4dc;color:#96712f}.account-notice,.account-link-box{padding:16px;border:1px solid #e0e9df;border-radius:16px;background:#fafcf9}.account-notice{display:grid;gap:8px;border-color:#ebdfc3;background:#fffaf0}.account-notice b,.account-link-box h3{margin:0;color:#284d34;font-size:13px}.account-notice span,.account-link-box p{margin:0 0 13px;color:#68786a;font-size:11px;line-height:1.8}.account-notice span{margin:0}.account-inline-actions,.account-main-actions{display:flex;gap:9px;flex-wrap:wrap}.account-inline-actions .btn,.account-main-actions .btn{min-height:39px}.account-link-box .account-form{margin-top:13px}.account-main-actions{padding-top:2px}.old-price{display:block;margin-top:2px;color:#8f9c91;font-size:10px;font-weight:400;text-decoration:line-through}.book-detail-modal{width:min(780px,100%)}.detail-author{margin-top:0}.detail-offer{display:inline-block;padding:6px 10px;border-radius:100px;background:#edf5eb;color:#286746;font-size:11px;font-weight:700}.detail-description{margin-top:19px}.detail-description h4{margin:0 0 7px;font-size:13px}.detail-description p{margin:0;white-space:pre-line}.contents-link{display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:#286746;font-size:12px;font-weight:700}.contents-link:hover{text-decoration:underline}.detail-buy{padding-top:17px;border-top:1px solid #e8eee8}.nav-row a{display:inline-flex;position:relative;align-items:center;align-self:stretch;padding-inline:2px;line-height:1.3}.nav-row a:after{bottom:4px;inset-inline:2px}.hero .btn-primary{position:relative;isolation:isolate;overflow:hidden}.hero .btn-primary:before{content:"";position:absolute;top:-80%;bottom:-80%;width:35%;inset-inline-start:-45%;background:linear-gradient(90deg,transparent,#ffffff65,transparent);transform:skew(-23deg);opacity:0;pointer-events:none;transition:inset-inline-start .65s cubic-bezier(.2,.7,.2,1),opacity .25s ease}@media(hover:hover)and (pointer:fine){.hero .btn-primary:hover:before{inset-inline-start:125%;opacity:1}}@media(max-width:900px){.head-main{grid-template-columns:minmax(0,1fr) auto;gap:16px}}@media(max-width:660px){#catalog,#how-to{scroll-margin-top:225px}.hero{border-radius:24px}.hero h1{font-size:clamp(28px,7.3vw,34px);line-height:1.28}.hero-actions{width:100%}.catalog-toolbar{align-items:flex-start}.catalog-controls{flex-wrap:wrap;justify-content:flex-end}.sort-control{gap:7px}.sort-control .custom-select{width:142px}.account-main-actions .btn{flex:1 1 135px}.account-inline-actions .btn{flex:1 1 160px}.drawer{border-radius:0}.head-main{gap:10px}.brand{gap:9px}.brand-mark{width:48px;height:48px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:9px}.head-actions{gap:2px}.icon-action{padding:7px}}@media(max-width:380px){.brand-mark{width:40px;height:40px}.brand-copy strong{font-size:12.5px}.brand-copy small{font-size:8px}.icon-action{padding:6px}}@media(prefers-reduced-motion:reduce){.hero .btn-primary:before{display:none}.select-menu{animation:none}}.promo-strip{height:39px;overflow:hidden;background:#164533;color:#f8fbf7}.promo-track{display:flex;width:max-content;height:100%;direction:ltr;animation:promo-scroll 29s linear infinite}.promo-copy{display:flex;flex:none;align-items:center;justify-content:space-around;gap:36px;min-width:100vw;padding-inline:30px;direction:rtl;white-space:nowrap;font-size:12px;font-weight:600}.promo-item{display:inline-block}.promo-separator{color:#d7b980;font-size:11px}@keyframes promo-scroll{to{transform:translate(-50%)}}@media(hover:hover)and (pointer:fine){.promo-strip:hover .promo-track{animation-play-state:paused}}.book-card{position:relative;border-radius:20px}.book-card-open{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;border:0;border-radius:inherit;background:transparent;cursor:pointer}.book-card-open:focus-visible{outline:3px solid #69957a;outline-offset:4px}.book-card .add-btn{position:relative;z-index:2}.book-card .add-btn:disabled{pointer-events:none}@media(hover:hover)and (pointer:fine){.book-card:hover .book-title{color:#216a42}}.checkout-summary{display:grid;gap:4px;font-size:11px;color:#6d7b6f}.checkout-summary strong{color:#164533;font-size:13px}.checkout-summary small{color:#3a7952;font-size:10px}.shipping-note{margin:-5px 0 14px;color:#568266;font-size:11px;line-height:1.7}.shipping-note.reward{margin-top:-9px;color:#946d36}.coupon-hint{grid-column:1 / -1;margin:-4px 0 0;color:#768678;font-size:10px}.coupon-code{display:inline-block;direction:ltr;unicode-bidi:isolate;font-weight:700;letter-spacing:.03em}@media(max-width:660px){.promo-strip{height:36px}.promo-copy{gap:22px;padding-inline:20px;font-size:11px}.coupon-hint{grid-column:1}}@media(prefers-reduced-motion:reduce){.promo-strip{overflow-x:auto;scrollbar-width:none}.promo-strip::-webkit-scrollbar{display:none}.promo-track{animation:none}.promo-copy[aria-hidden=true]{display:none}}
