@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600&display=swap');
:root{--m:#762b43;--dark:#542033;--b:#f3d4d9;--c:#fff9f6;--ink:#302127;--muted:#806c73;--line:#ead8da;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--c);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;background:#fffaf8e8;backdrop-filter:blur(15px);z-index:50;border-bottom:1px solid var(--line)}.logo{font:700 28px 'Cormorant Garamond';color:var(--m)!important}nav{display:flex;gap:20px}nav a{font-size:13px;transition:.2s}nav a:hover{color:var(--m)}.actions{display:flex;gap:7px;align-items:center}.actions button,.actions select{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 11px;color:var(--m);cursor:pointer}.hero{min-height:650px;padding:70px 9%;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(circle at 80% 40%,var(--b),transparent 35%);overflow:hidden}.hero h1,h2{font:600 64px/0.95 'Cormorant Garamond';color:var(--dark)}.hero h1{margin:18px 0}.hero h1 em,h2 em{color:var(--m);font-style:italic}.hero p{max-width:520px;line-height:1.8;color:var(--muted)}small{letter-spacing:2.4px;color:var(--m);font-size:10px;font-weight:600}.hero-actions{display:flex;gap:20px;align-items:center}.btn{display:inline-block;background:var(--m);color:#fff;padding:13px 22px;border-radius:28px;margin-top:15px;transition:.25s;box-shadow:0 10px 25px #762b4330}.btn:hover{transform:translateY(-2px)}.text-link{font-size:13px;color:var(--m)}.mini-stats{display:flex;gap:25px;margin-top:35px;color:var(--muted);font-size:11px}.mini-stats b{color:var(--m);margin-right:5px}.hero-visual{position:relative}.hero-visual:after{content:"READ • DREAM • REPEAT";position:absolute;right:2%;bottom:4%;background:var(--white);padding:13px 17px;border-radius:25px;font-size:9px;letter-spacing:1.8px;color:var(--m);box-shadow:0 10px 30px #54203320}.hero img{width:75%;height:440px;object-fit:cover;justify-self:center;border-radius:120px 20px 20px 20px;box-shadow:25px 25px 50px #54203322}section{padding:90px 8%;position:relative}.section-head{display:flex;justify-content:space-between;align-items:end}h2{margin:12px 0 30px}.controls{display:flex;gap:8px}.controls button{border:1px solid var(--line);background:#fff;border-radius:50%;width:40px;height:40px;color:var(--m);cursor:pointer}.slider{display:grid;grid-auto-flow:column;grid-auto-columns:240px;gap:18px;overflow:auto;scrollbar-width:none;padding:5px 2px 20px}.slider::-webkit-scrollbar{display:none}.card{background:#fff;border:1px solid var(--line);padding:12px;box-shadow:0 12px 30px #5420330b;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #54203318}.cover{height:285px;width:100%;object-fit:cover}.card h3{font:25px 'Cormorant Garamond';margin:12px 0 5px}.card p{color:var(--muted);font-size:12px}.price{display:block;margin:9px 0 12px}.buy{width:100%;padding:11px;border:0;border-radius:20px;background:var(--m);color:#fff;cursor:pointer;transition:.2s}.buy:hover{background:var(--dark);transform:translateY(-1px)}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#fff}.about p{font-size:18px;line-height:1.8}.about-note{margin-top:30px;border-left:2px solid var(--m);padding:12px 20px;font:italic 22px 'Cormorant Garamond';color:var(--m)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid article{background:#fff;padding:28px;border:1px solid var(--line);min-height:190px;transition:.25s}.grid article:hover{background:#fff4f3;transform:translateY(-4px)}.grid span{color:var(--m);font-size:11px}.grid h3{font:28px 'Cormorant Garamond';margin:14px 0}.grid p{color:var(--muted);line-height:1.6;font-size:13px}.grid a{color:var(--m);font-size:12px}.genres{display:flex;flex-wrap:wrap;gap:10px}.genres button{background:#fff;border:1px solid var(--line);padding:12px 18px;border-radius:30px;color:var(--m);cursor:pointer;transition:.2s}.genres button:hover,.genres button.active{background:var(--m);color:#fff}#searchPanel{display:none;background:var(--b)}#searchPanel.open{display:block}.search-title{display:flex;justify-content:space-between;align-items:end;gap:30px}#searchInput{width:100%;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;font:14px 'DM Sans';outline:none}.result{padding:14px 0;border-bottom:1px solid #fff}.result small{letter-spacing:1px}.result b{font-family:'Cormorant Garamond';font-size:22px}#cartPanel{position:fixed;right:-390px;top:0;width:360px;height:100vh;background:#fff;z-index:100;padding:30px;box-shadow:-15px 0 35px #0002;transition:.3s;display:flex;flex-direction:column}#cartPanel.open{right:0}.close{position:absolute;right:20px;top:20px;border:0;background:none;font-size:28px;color:var(--m);cursor:pointer}.cart-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.cart-bottom strong{display:flex;justify-content:space-between;margin-bottom:15px}.cartrow{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.cartrow button{float:right;border:0;background:none;color:var(--m);cursor:pointer;font-size:18px}.cartrow .qty{display:block;color:var(--muted);font-size:11px;margin-top:4px}footer{background:var(--dark);color:#fff;padding:65px 8%;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}footer h2{color:#fff;font-size:42px}footer h3{font:28px 'Cormorant Garamond';margin:12px 0}footer a{color:#fff;opacity:.9;font-size:13px;line-height:2}.footer-btn{display:inline-block;border:1px solid #ffffff55;border-radius:25px;padding:6px 15px;margin-top:5px}.instagram{position:fixed;right:20px;bottom:20px;background:var(--m);color:#fff;padding:12px 18px;border-radius:30px;z-index:80;box-shadow:0 10px 25px #0002}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--dark);color:#fff;padding:12px 18px;border-radius:25px;opacity:0;pointer-events:none;transition:.3s;z-index:200;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){header{padding:0 4%;height:68px}.logo{font-size:25px}nav{display:none}.hero{grid-template-columns:1fr;padding:55px 7%}.hero h1{font-size:52px}.hero img{margin-top:45px;width:100%;height:390px}.mini-stats{gap:12px;flex-wrap:wrap}.about,.grid,footer{grid-template-columns:1fr}.about{gap:20px}.search-title{display:block}.section-head{align-items:start}.controls{margin-bottom:15px}#cartPanel{width:min(360px,92vw)}section{padding:70px 7%}}