:root{--ink:#17252d;--muted:#73808a;--line:#e8edf0;--paper:#fff;--bg:#f6f8f8;--green:#622b8d;--mint:#e3f3ee;--orange:#f07843;--shadow:0 12px 38px #17352b0c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(1220px,calc(100% - 44px));margin:auto}.topline{background:#173b35;color:#e9f4ee;font-size:12px}.topline .wrap{height:34px;display:flex;align-items:center;justify-content:space-between}.topline span{opacity:.88}.topline b{color:#b6e2ce}.head{background:#fff;border-bottom:1px solid var(--line)}.headrow{height:83px;display:flex;align-items:center;gap:30px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);min-width:220px}.mark{width:42px;height:42px;border-radius:13px;background:var(--green);display:grid;place-items:center;color:#fff;font-size:23px;font-weight:800;box-shadow:0 5px 13px #087f6830}.brandname{font:800 21px Manrope,sans-serif;letter-spacing:-1px}.brandname em{color:var(--green);font-style:normal}.brand small{display:block;color:#849098;font-size:9px;letter-spacing:1.5px;font-weight:700;margin-top:1px}.search{height:46px;flex:1;display:flex;align-items:center;background:#f5f7f7;border:1px solid #edf0f0;border-radius:12px;padding:0 14px;gap:10px}.search input{border:0;outline:0;background:transparent;width:100%;color:var(--ink);font-size:13px}.search input::placeholder{color:#9aa4a8}.search button{border:0;background:var(--green);color:#fff;border-radius:8px;padding:8px 15px;font-size:12px;font-weight:700}.head-actions{display:flex;align-items:center;gap:18px}.icon-btn{border:0;background:none;color:var(--ink);font-size:20px;position:relative;padding:5px}.icon-btn small{display:block;font-size:10px;color:#7b858b;margin-top:3px}.count{position:absolute;top:-3px;right:-5px;background:var(--orange);color:#fff;border-radius:50%;font-size:9px;width:17px;height:17px;display:grid;place-items:center;font-weight:700}.nav{background:#fff}.navrow{height:47px;display:flex;align-items:center;gap:26px;border-top:1px solid #f4f5f6}.nav a{color:#536169;text-decoration:none;font-size:12px;font-weight:700}.nav a:first-child{color:var(--green)}.nav .hot{color:#df6c38}.hero{margin-top:24px;display:grid;grid-template-columns:1.55fr .85fr;gap:17px}.hero-main{min-height:330px;border-radius:20px;padding:42px 46px;overflow:hidden;position:relative;background:linear-gradient(115deg,#e1f2eb,#f0f6ec 65%,#dbece4);display:flex;align-items:center}.hero-copy{position:relative;z-index:2;max-width:470px}.eyebrow{color:var(--green);font-weight:800;font-size:10px;letter-spacing:1.8px;text-transform:uppercase}.hero h1{font:800 clamp(34px,4vw,51px)/1.09 Manrope,sans-serif;letter-spacing:-2.6px;margin:13px 0 12px;max-width:420px}.hero h1 span{color:var(--green)}.hero p{color:#64766f;font-size:14px;line-height:1.7;max-width:380px;margin:0 0 23px}.primary{border:0;background:var(--green);color:white;padding:13px 19px;border-radius:9px;font-size:12px;font-weight:700;box-shadow:0 7px 15px #087f6828}.hero-art{position:absolute;width:340px;height:310px;right:22px;bottom:-14px;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg)}.orb{width:230px;height:230px;position:absolute;background:#cbe7d8;border-radius:50%;right:33px;top:36px}.hero-book{width:145px;height:200px;border-radius:4px 12px 12px 4px;position:absolute;box-shadow:10px 12px 22px #17443630;display:flex;flex-direction:column;justify-content:space-between;padding:19px 15px;color:#fff;z-index:1;background:linear-gradient(145deg,#e49e42,#bb642d)}.hero-book:before{content:'';position:absolute;left:8px;top:0;height:100%;width:3px;background:#ffffff55}.hero-book strong{font:800 20px/1.08 Manrope;letter-spacing:-.8px}.hero-book small{font-size:9px;letter-spacing:1px}.hero-book i{font-style:normal;font-size:30px}.hero-book.back{background:linear-gradient(145deg,#197c68,#0c4d50);transform:translate(-105px,21px) rotate(-13deg) scale(.87)}.hero-book.front{transform:translate(9px,10px) rotate(8deg)}.hero-side{display:flex;flex-direction:column;gap:17px}.side-card{flex:1;border-radius:18px;padding:24px 25px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.side-card.peach{background:#fff0e8}.side-card.blue{background:#e9eff8}.side-card .tag{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#c16e46}.side-card.blue .tag{color:#547197}.side-card h2{font:800 24px/1.15 Manrope;letter-spacing:-1px;margin:10px 0 8px;max-width:230px}.side-card p{margin:0;color:#7f8282;font-size:11px}.circle-art{position:absolute;right:22px;bottom:-14px;width:105px;height:105px;border-radius:50%;background:#f7c9ad;display:grid;place-items:center;font-size:50px;opacity:.9}.blue .circle-art{background:#d0dbee}.section{padding-top:37px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-head h2{font:800 23px Manrope;letter-spacing:-.8px;margin:0}.section-head p{color:#929ca1;font-size:12px;margin:5px 0 0}.textlink{border:0;background:none;color:var(--green);font-size:12px;font-weight:700}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cat{height:106px;background:white;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:11px;padding:14px;text-align:left;transition:.2s;box-shadow:0 4px 14px #19393005}.cat:hover,.cat.active{border-color:#a4d1c1;background:#f3faf7;transform:translateY(-2px)}.cat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:21px;flex-shrink:0}.cat b{font-size:12px;display:block}.cat small{display:block;color:#8a969b;font-size:10px;margin-top:4px}.filters{display:flex;gap:8px;margin:18px 0 17px}.filter{border:1px solid #e5e9e9;background:#fff;border-radius:30px;padding:8px 14px;font-size:11px;color:#6c797f;font-weight:700}.filter.active{background:var(--ink);border-color:var(--ink);color:white}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;position:relative;transition:.22s}.product:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-image{height:180px;border-radius:11px;background:#f6f5f0;display:grid;place-items:center;position:relative;overflow:hidden}.cover{width:104px;height:146px;border-radius:3px 8px 8px 3px;box-shadow:7px 7px 15px #22332722;padding:13px 10px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:.25s}.product:hover .cover{transform:rotate(-3deg) scale(1.04)}.cover:after{content:'';position:absolute;left:5px;top:0;width:2px;height:100%;background:#ffffff55}.cover strong{font:800 14px/1.05 Manrope;letter-spacing:-.5px}.cover small{font-size:7px;letter-spacing:.7px;opacity:.9}.cover i{font-style:normal;font-size:25px}.badge{position:absolute;top:10px;left:10px;border-radius:5px;background:#fff;color:#d56e43;font-size:9px;font-weight:800;padding:5px 7px}.heart{position:absolute;right:10px;top:9px;width:29px;height:29px;border:0;border-radius:50%;background:#ffffffd9;color:#8c979a;font-size:16px}.heart.on{color:#e86669}.p-cat{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--green);font-weight:800;margin:14px 0 7px}.product h3{font-size:12px;line-height:1.45;margin:0;height:36px;overflow:hidden}.author{font-size:10px;color:#899499;margin-top:4px}.rating{font-size:10px;color:#d48a27;margin:10px 0}.rating span{color:#9ba3a5;margin-left:4px}.buyrow{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2f2;padding-top:11px}.price{font-weight:800;font-size:16px}.old{font-size:10px;color:#a8afb2;text-decoration:line-through;margin-left:5px;font-weight:500}.add{width:34px;height:34px;border:0;border-radius:10px;background:var(--mint);color:var(--green);font-size:19px;font-weight:600}.add:hover{background:var(--green);color:white}.promo{margin-top:36px;background:#173b35;border-radius:18px;padding:27px 31px;display:flex;align-items:center;justify-content:space-between;color:#fff;overflow:hidden;position:relative}.promo:after{content:'%';font:800 160px Manrope;color:#ffffff09;position:absolute;right:200px;top:-42px}.promo small{color:#b0dec9;letter-spacing:1.5px;font-size:9px;font-weight:800}.promo h2{font:800 23px Manrope;margin:7px 0}.promo p{color:#c0d1ca;font-size:11px;margin:0}.promo button{position:relative;z-index:1;background:#f5a16e;color:#2f382f;border:0;border-radius:9px;padding:12px 17px;font-size:11px;font-weight:800}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:27px 0 38px}.trust-item{display:flex;align-items:center;gap:13px;padding:14px 18px;border:1px solid var(--line);background:#fff;border-radius:12px}.trust-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf5f0;font-size:18px}.trust b{font-size:11px}.trust small{display:block;color:#929ca1;font-size:10px;margin-top:4px}.footer{background:white;border-top:1px solid var(--line);padding:23px 0;color:#829096;font-size:10px}.footer .wrap{display:flex;justify-content:space-between;align-items:center}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#173b35;color:white;padding:13px 18px;border-radius:11px;box-shadow:0 8px 30px #0002;font-size:12px;transition:.25s;z-index:9}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{grid-column:1/-1;text-align:center;padding:50px;color:#819096}.qty{border:1px solid #e7eceb;border-radius:8px;padding:6px 7px;background:#fff;color:#536169;font-size:10px;margin-right:5px;max-width:73px}.drawer-backdrop{position:fixed;inset:0;background:#14252066;z-index:19;opacity:0;visibility:hidden;transition:.2s}.drawer-backdrop.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;z-index:20;right:0;top:0;height:100dvh;width:min(420px,100%);background:#fff;box-shadow:-15px 0 45px #10251d20;transform:translateX(105%);transition:.28s;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.drawer-head{padding:22px 22px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.drawer-head h2{font:800 20px Manrope;margin:0}.drawer-head button{border:0;background:#f2f5f4;border-radius:50%;width:34px;height:34px;font-size:18px}.cart-items{overflow:auto;flex:1;padding:8px 22px}.cart-line{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #eff2f1}.cart-mini{height:62px;border-radius:7px;display:grid;place-items:center;color:white;font-weight:800;font-size:9px;text-align:center;padding:4px}.cart-line h3{font-size:12px;line-height:1.4;margin:0 0 4px}.cart-line small{font-size:10px;color:#859196}.cart-line strong{font-size:12px;white-space:nowrap}.cart-controls{display:flex;align-items:center;gap:8px;margin-top:7px}.cart-controls button{border:1px solid #e6ebea;background:#fff;border-radius:5px;width:22px;height:22px;color:#54636a}.cart-controls .remove{border:0;color:#ca6c5e;width:auto;font-size:10px}.cart-bottom{border-top:1px solid var(--line);padding:18px 22px 22px}.subtotal{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:13px}.checkout{width:100%;padding:13px;border:0;background:var(--green);color:#fff;border-radius:9px;font-size:12px;font-weight:800}.cart-empty{text-align:center;color:#879398;padding:65px 15px;font-size:13px}.cart-empty span{font-size:36px;display:block;margin-bottom:12px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-side{flex-direction:row}.side-card{min-height:150px}.categories{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(3,1fr)}.headrow{gap:15px}.brand{min-width:auto}.brand small{display:none}.head-actions{gap:7px}.navrow{gap:18px;overflow:auto;white-space:nowrap}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.topline .wrap{justify-content:center}.topline span:last-child{display:none}.headrow{height:auto;padding:14px 0;flex-wrap:wrap;gap:12px}.brandname{font-size:18px}.mark{width:37px;height:37px}.head-actions{margin-left:auto}.head-actions .icon-btn:first-child{display:none}.search{order:3;flex-basis:100%;height:42px}.navrow{height:43px}.navrow a{font-size:11px}.hero{margin-top:14px}.hero-main{min-height:340px;padding:29px 24px;align-items:flex-start}.hero h1{font-size:37px;max-width:300px}.hero p{font-size:12px;max-width:270px}.hero-art{opacity:.64;right:-89px;bottom:-47px;transform:scale(.78) rotate(-5deg)}.hero-side{gap:10px}.side-card{padding:17px 15px;min-height:137px}.side-card h2{font-size:19px;max-width:150px}.side-card p{font-size:10px}.circle-art{right:-12px;width:80px;height:80px;font-size:37px}.section{padding-top:29px}.section-head h2{font-size:20px}.categories{grid-template-columns:repeat(2,1fr);gap:8px}.cat{height:82px;padding:10px;gap:8px}.cat-icon{width:36px;height:36px;font-size:18px}.cat b{font-size:11px}.cat small{font-size:9px}.filters{overflow:auto;margin-right:-14px;padding-bottom:3px}.filter{white-space:nowrap}.products{grid-template-columns:repeat(2,1fr);gap:9px}.product{padding:9px}.product-image{height:145px}.cover{transform:scale(.88)}.product h3{font-size:11px}.price{font-size:14px}.old{font-size:9px}.promo{padding:22px 19px;gap:12px}.promo h2{font-size:19px}.promo p{max-width:230px;line-height:1.5}.promo button{padding:11px 12px;white-space:nowrap;font-size:10px}.trust{grid-template-columns:1fr;gap:8px;padding:19px 0 27px}.trust-item{padding:11px}.footer .wrap{gap:10px;flex-direction:column;text-align:center}}

.breadcrumb{font-size:10px;color:#96a0a1;padding:18px 0 13px}.breadcrumb b{color:#53646a}.publisher-banner{min-height:158px;border-radius:17px;background:linear-gradient(110deg,#3d1c59,#6a3295);color:white;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.publisher-banner:after{content:'345';position:absolute;right:35px;top:-42px;font:800 190px Manrope;color:#ffffff0b;letter-spacing:-12px}.publisher-banner h1{font:800 29px Manrope;margin:9px 0 6px;letter-spacing:-1px}.publisher-banner p{font-size:12px;color:#d0e0d8;margin:0}.publisher-banner .eyebrow{color:#b1dfc8}.publisher-seal{z-index:1;margin-right:9%;width:96px;height:96px;background:white;color:#17473c;border-radius:50%;display:grid;place-items:center;font:800 30px Manrope;letter-spacing:-2px;transform:rotate(-8deg)}.publisher-seal span{font-size:9px;display:block;text-align:center;margin-top:-24px;letter-spacing:1px}.listing-top{display:flex;align-items:end;justify-content:space-between;margin:25px 0 14px}.listing-top h2{font:800 21px Manrope;margin:0;letter-spacing:-.5px}.listing-top p{font-size:11px;color:#899597;margin:5px 0 0}.listing-top select{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 12px;font-size:11px;color:#4d5d62}.list-pills{display:flex;gap:8px;overflow:auto;margin-bottom:15px}.list-pills .filter{white-space:nowrap}.listing-meta{display:flex;justify-content:space-between;color:#8d999b;font-size:10px;margin:0 0 10px}.listing-meta strong{color:#384a4e}.list-pages{display:flex;justify-content:center;gap:6px;padding:20px}.list-pages button{border:1px solid var(--line);background:white;border-radius:7px;width:32px;height:32px;color:#59696d}.list-pages button.active{background:var(--green);color:white;border-color:var(--green)}
.custom-backdrop{position:fixed;inset:0;background:#101018a8;z-index:49;display:none;align-items:center;justify-content:center;padding:15px}.custom-backdrop.open{display:flex}.custom-modal{background:#fff;width:min(500px,100%);max-height:94dvh;overflow:auto;border-radius:15px;padding:22px 25px 24px;box-shadow:0 25px 70px #0005;position:relative}.custom-title{font:800 17px Manrope;line-height:1.35;margin:0 38px 17px 0}.modal-close{position:absolute;right:15px;top:13px;border:0;background:#f2f0f4;border-radius:50%;width:31px;height:31px;font-size:19px}.print-preview{height:145px;display:flex;justify-content:center;align-items:center;gap:8px;background:#faf9fb;border-radius:9px;margin-bottom:15px}.mock-page{width:95px;height:119px;background:#fff;border:1px solid #bdc2c5;display:grid;place-items:center;text-align:center;font:700 13px Manrope;color:#20252a;position:relative}.mock-page:before{content:'';position:absolute;inset:6px;border:1px solid #e4e5e6}.mock-cover{width:67px;height:105px;border-radius:3px;background:linear-gradient(145deg,#b3cb58,#f4f4dd);box-shadow:3px 4px 8px #0002;display:grid;place-items:center;color:white;font:800 11px Manrope;text-align:center;padding:5px}.option-group{margin-top:12px}.option-label{font-size:10px;font-weight:800;color:#49545a;margin-bottom:6px}.option-row{display:grid;grid-template-columns:1fr 1fr;border-radius:22px;background:#f6f7f9;overflow:hidden}.option-row button{border:0;background:transparent;min-height:37px;padding:7px 8px;color:#444e54;font-size:11px}.option-row button.selected{background:#622b8d;color:#fff;font-weight:700}.modal-quantity{display:flex;align-items:center;gap:0;margin-top:17px;border-top:1px solid #ececef;border-bottom:1px solid #ececef;padding:12px 0}.stepper{display:flex;align-items:center}.stepper button{border:0;background:#f3f4f6;color:#687077;width:34px;height:34px;font-size:18px}.stepper output{width:60px;text-align:center;font-size:12px}.modal-total{margin-left:auto;text-align:right;font-size:19px;font-weight:800;padding-right:8px}.modal-submit{width:100%;margin-top:15px;border:0;background:#622b8d;color:white;border-radius:22px;height:43px;font-size:12px;font-weight:800}.cart-option{font-size:9px;color:#81878b;line-height:1.6;margin-top:3px}@media(max-width:520px){.custom-modal{padding:20px 17px}.print-preview{height:120px}.mock-page{height:98px;width:79px;font-size:11px}.mock-cover{height:88px;width:56px}}.print-preview{position:relative;transition:filter .18s,background .18s}.mock-cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;padding:9px;overflow:hidden;transition:filter .18s,background .18s}.mock-cover:before{content:'';position:absolute;inset:4px;border:1px solid #ffffff88}.mock-cover small{font:700 6px Manrope;z-index:1}.mock-cover strong{font:800 12px/1.05 Manrope;z-index:1}.mock-cover i{font-style:normal;font-size:27px;align-self:center;z-index:1}.mock-page{transition:width .18s,height .18s,filter .18s;line-height:1.3}.print-preview.bw .mock-cover,.print-preview.bw .mock-page{filter:grayscale(1)}.print-preview.color .mock-cover,.print-preview.color .mock-page{filter:saturate(1.45)}.print-preview.spiral .mock-cover{box-shadow:5px 6px 10px #0003;border-left:5px dotted #fafafa}.spiral-coil{display:none;position:absolute;z-index:3;left:calc(50% - 112px);top:22px;width:8px;height:100px;background:repeating-linear-gradient(to bottom,#5d2a86 0 4px,transparent 4px 9px)}.print-preview.spiral .spiral-coil{display:block}.print-preview.econ .mock-page{width:88px;height:108px;font-size:10px}.print-preview.full #sheet1{width:104px;height:128px;font-size:11px}.print-preview.full #sheet2{display:none}.print-preview.full .mock-cover{height:119px;width:77px}..print-preview.bw .mock-page{background:linear-gradient(135deg,#fff 0 38%,#ececed 39% 45%,#fff 46% 68%,#e4e5e6 69% 73%,#fff 74%)}.print-preview.color .mock-page{background:linear-gradient(135deg,#fff 0 32%,#e8d7f6 33% 43%,#f7dfaa 44% 54%,#c4e9dc 55% 66%,#fff 67%)}.print-preview.spiral .mock-page:first-of-type{border-left:2px dotted #7a3ea0}
