*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:#fffdf9;color:#203d35}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 5%;background:#fff;border-bottom:1px solid #eee9df}.logo{font-size:24px;font-weight:700;text-decoration:none;color:#216a54}.logo span{color:#dc784b}nav{display:flex;gap:22px}nav a{color:#52665b;text-decoration:none}nav a:hover{color:#216a54}.header-actions{display:flex;gap:10px}.hero-slider{position:relative;max-width:1180px;height:420px;margin:25px auto;overflow:hidden;border-radius:22px;background:#f2f0e7}.hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:48px 65px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(35px);transition:opacity .6s ease,transform .6s ease,visibility .6s}.hero-slide.active{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);z-index:1}.banner-one{background:#f2f0e7;color:#203d35}.banner-two{background:#f6e7e1;color:#653b3b}.banner-three{background:#e4ede5;color:#244b3d}.hero-content{position:relative;z-index:2;max-width:460px}.hero-content h1{font-size:clamp(35px,4vw,51px);line-height:1.12;letter-spacing:-2px;margin:18px 0}.hero-content h1 span{color:#d7764b}.banner-two .hero-content h1 span{color:#b85f58}.banner-three .hero-content h1 span{color:#4c8062}.hero-content>p{max-width:410px;font-size:14px;line-height:1.8;color:#68756e;margin-bottom:23px}.hero-content .primary-btn{display:inline-block;font-weight:700}.hero-note{display:flex;align-items:center;gap:9px;margin-top:24px;font-size:11px;color:#718078}.hero-note span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#dce9d9;color:#216a54}.hero-visual{position:relative;height:310px;display:flex;align-items:center;justify-content:center}.hero-circle{position:absolute;width:265px;height:265px;border-radius:50%;background:#e6d3ae}.banner-two .hero-circle{background:#edc8b6}.banner-three .hero-circle{background:#c6d9c5}.floating-book{position:absolute;width:155px;height:195px;padding:22px 13px;border-radius:4px 9px 9px 4px;box-shadow:5px 12px 22px #382d252b;display:flex;flex-direction:column;justify-content:center;text-align:center;border-left:6px solid #00000018}.floating-book small{font-size:9px;letter-spacing:1.5px}.floating-book strong{font-family:Georgia,serif;font-size:25px;margin-top:12px}.floating-book span{margin-top:18px;font-size:23px}.book-a{background:#315d50;color:#fff0d5;transform:translate(-65px,5px) rotate(-12deg)}.book-b{background:#d97b54;color:#fff3dd;transform:translate(45px) rotate(9deg)}.book-c{width:130px;height:170px;background:#e7c66c;color:#51432c;transform:translateY(45px) rotate(-2deg)}.visual-caption{position:absolute;bottom:0;right:0;font-family:Georgia,serif;font-size:13px;font-style:italic;color:#6f7667}.slider-arrow{position:absolute;z-index:5;top:46%;width:38px;height:38px;padding:0;border-radius:50%;background:#ffffffdf;color:#244b3d;border:1px solid #ffffff;box-shadow:0 3px 12px #00000010}.slider-arrow:hover{background:#216a54;color:#fff}.slider-prev{left:15px}.slider-next{right:15px}.slider-dots{position:absolute;z-index:5;bottom:19px;left:50%;transform:translate(-50%);display:flex;gap:8px}.slider-dots button{width:9px;height:9px;padding:0;border-radius:10px;background:#a7afa4;transition:width .25s ease}.slider-dots button.active{width:27px;background:#216a54}.slide-counter{position:absolute;z-index:5;bottom:18px;right:25px;font-size:11px;font-weight:700;color:#52665b}@media(max-width:900px){.hero-slider{margin:20px;height:390px}.hero-slide{padding:35px 45px}.hero-visual{transform:scale(.85)}.floating-book{width:125px;height:170px}.floating-book strong{font-size:20px}}@media(max-width:600px){.hero-slider{height:620px;margin:15px}.hero-slide{grid-template-columns:1fr;grid-template-rows:auto 240px;align-content:start;padding:32px 27px 48px}.hero-content h1{font-size:36px}.hero-content>p{font-size:12px}.hero-note{margin-top:15px}.hero-visual{height:235px;transform:scale(.8);transform-origin:center top}.hero-circle{width:230px;height:230px}.floating-book{height:155px}.slider-prev{left:7px}.slider-next{right:7px}.slide-counter{right:15px;bottom:18px}}@media(prefers-reduced-motion:reduce){.hero-slide,.floating-book{transition:none}}.category-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.category-heading h2{margin:9px 0;font-size:30px;color:#203d35}.category-heading p{color:#849087;font-size:13px;margin:0}.view-all-btn{background:transparent;color:#216a54;border:1px solid #d9e5dc;border-radius:9px;padding:11px 16px;font-weight:600}.categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.category-card{position:relative;min-height:175px;padding:22px 10px;border:1px solid #eee9df;border-radius:17px;background:#fff;color:#263d34;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;transition:transform .25s ease,box-shadow .25s ease}.category-card:hover{transform:translateY(-6px);box-shadow:0 12px 25px #233c3012}.category-icon{width:67px;height:67px;display:grid;place-items:center;border-radius:21px;font-size:32px;transition:transform .25s ease}.category-card:hover .category-icon{transform:scale(1.1) rotate(-5deg)}.category-name{font-size:13px;font-weight:700;text-align:center}.category-count{font-size:10px;color:#89948c}.category-arrow{position:absolute;top:12px;right:13px;font-size:13px;color:#a1aaa2}.cat-purple .category-icon{background:#eee8fb}.cat-green .category-icon{background:#e2f2e5}.cat-blue .category-icon{background:#e1edfb}.cat-orange .category-icon{background:#fff0df}.cat-pink .category-icon{background:#fae5ec}.cat-yellow .category-icon{background:#fbf2d4}.category-card.selected{border:2px solid #216a54;background:#f3f8f3;box-shadow:0 6px 18px #216a5415}.category-card.selected .category-arrow{color:#216a54}@media(max-width:900px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:550px){.category-heading h2{font-size:23px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{min-height:155px}.category-icon{width:58px;height:58px;font-size:28px}}input,select{padding:11px;border:1px solid #ddd;border-radius:8px}button,.primary-btn{cursor:pointer;border:none;border-radius:8px;padding:11px 16px;background:#216a54;color:#fff;margin-left:5px;text-decoration:none}.hero{max-width:1180px;margin:25px auto;padding:55px;border-radius:20px;background:#f2f0e7;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.eyebrow{color:#b46b49;letter-spacing:2px;font-size:11px;font-weight:700}.hero h1{font-size:48px;line-height:1.15}.hero h1 span{color:#d7764b}.hero p{line-height:1.8;color:#68756e}.hero-image{min-height:250px;border-radius:16px;background:#e4d1b3;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-book{font-size:95px}.section{max-width:1180px;margin:60px auto}.section h2{font-size:28px}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.categories button{background:#fff;color:#216a54;border:1px solid #e6e7df;min-height:65px}.categories button.selected,.categories button:hover{background:#216a54;color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.book-card{background:#fff;border:1px solid #e8e5dc;border-radius:14px;overflow:hidden;transition:transform .2s}.book-card:hover{transform:translateY(-4px)}.book-cover{height:220px;margin:12px;border-radius:8px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:inset 5px 0 #00000012}.book-cover span{font-size:9px;letter-spacing:2px}.book-cover h3{font-family:Georgia,serif;font-size:24px}.book-cover p{font-size:11px}.green{background:#dce8dd;color:#294c40}.blue{background:#285c68;color:#fff5df}.orange{background:#d7764b;color:#fff}.pink{background:#f1dfe0;color:#773d4c}.yellow{background:#e6c86d;color:#463e2d}.purple{background:#554b70;color:#fff}.book-details{padding:5px 15px 16px}.book-details h3{font-size:15px}.book-details p{color:#829087;font-size:12px}.price-row{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.price-row strong{color:#216a54;font-size:19px}.price-row span{color:#bc8744}.add-btn{width:100%}.about{margin-top:70px;padding:50px 20px;text-align:center;background:#244d40;color:#fff}.about h2{font-size:30px}.about p{margin-bottom:25px}footer{padding:30px;text-align:center;background:#193b32;color:#fff}.cart-overlay{position:fixed;inset:0;z-index:20;background:#0007}.cart-panel{position:fixed;top:0;right:0;z-index:21;width:min(420px,100%);height:100vh;overflow-y:auto;padding:25px;background:#fff;transform:translate(100%);transition:transform .25s}.cart-panel.open{transform:translate(0)}.cart-heading,.cart-item,.cart-total{display:flex;justify-content:space-between;align-items:center;gap:12px}.cart-item{padding:15px 0;border-bottom:1px solid #eee}.cart-item p{color:#829087;font-size:12px}.cart-total{margin-top:20px;flex-wrap:wrap}.empty-state{padding:30px;text-align:center}@media(max-width:900px){.hero{margin:20px;padding:30px}.section{margin:40px 20px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.categories{grid-template-columns:repeat(3,1fr)}nav{gap:10px}}@media(max-width:600px){.navbar{flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between}.header-actions input{width:135px}.hero{grid-template-columns:1fr;padding:25px}.hero h1{font-size:38px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.book-cover{height:175px;padding:10px}.book-cover h3{font-size:18px}.categories{grid-template-columns:repeat(2,1fr)}}