.book-face{background-image:url("/assets/lutfen-seni-oku-tam-kapak.png")}

.guestbook{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(2.5rem,7vw,7rem);margin-top:clamp(7rem,12vw,12rem);padding:clamp(2.5rem,6vw,5.5rem);border:1px solid rgba(234,211,156,.22);border-radius:4px 80px 4px 4px;background:radial-gradient(circle at 8% 5%,rgba(210,162,78,.13),transparent 26rem),#0c2131}
.guestbook-intro{align-self:start}
.guestbook-intro h3{margin:0;font-family:var(--serif);font-size:clamp(2.8rem,4.8vw,5rem);font-weight:500;line-height:.98;letter-spacing:-.045em}
.guestbook-intro h3 em{color:var(--gold-pale);font-weight:400}
.guestbook-intro>p:not(.eyebrow):not(.guestbook-note){max-width:560px;margin:1.6rem 0 0;color:rgba(244,239,226,.58)}
.guestbook-note{max-width:540px;display:flex;gap:.7rem;margin:1.5rem 0 0;padding-top:1.3rem;border-top:1px solid var(--line-dark);color:rgba(244,239,226,.43);font-size:.75rem}
.guestbook-note span{color:var(--gold)}
.guestbook-form{display:flex;flex-direction:column;gap:1.1rem;padding:clamp(1.4rem,3vw,2.4rem);border:1px solid var(--line-dark);border-radius:3px 38px 3px 3px;background:rgba(255,255,255,.035)}
.guestbook-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.guestbook-form label{display:flex;flex-direction:column;gap:.55rem;color:rgba(244,239,226,.68);font-size:.7rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.guestbook-form label small{color:rgba(244,239,226,.32);font-size:.58rem;font-weight:600}
.guestbook-form input,.guestbook-form textarea{width:100%;border:1px solid rgba(244,239,226,.15);border-radius:3px;padding:.9rem 1rem;color:var(--cream);background:rgba(7,23,36,.55);font:500 .9rem/1.6 var(--sans);letter-spacing:0;text-transform:none;outline:none;transition:border-color 180ms ease,background 180ms ease,box-shadow 180ms ease}
.guestbook-form textarea{min-height:150px;resize:vertical}
.guestbook-form input::placeholder,.guestbook-form textarea::placeholder{color:rgba(244,239,226,.28)}
.guestbook-form input:focus,.guestbook-form textarea:focus{border-color:var(--gold);background:rgba(7,23,36,.8);box-shadow:0 0 0 3px rgba(210,162,78,.1)}
.guestbook-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.guestbook-submit-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:.4rem}
.guestbook-submit-row p{max-width:370px;margin:0;color:rgba(244,239,226,.38);font-size:.7rem}
.guestbook-submit-row p.success{color:#bde8c9}
.guestbook-submit-row p.error{color:#ffc7bd}
.guestbook-submit-row .button{flex-shrink:0;border:0;cursor:pointer}
.guestbook-submit-row .button:disabled{cursor:wait;opacity:.55}
.guestbook-wall{grid-column:1/-1;margin-top:clamp(2rem,5vw,4rem);padding-top:2.3rem;border-top:1px solid var(--line-dark)}
.guestbook-wall-head{display:flex;align-items:end;justify-content:space-between;gap:1.5rem}
.guestbook-wall-head .eyebrow{margin-bottom:.5rem}
.guestbook-wall-head h4{margin:0;font-family:var(--serif);font-size:clamp(2rem,3vw,3.2rem);font-weight:500}
.guestbook-wall-head>span{color:rgba(244,239,226,.32);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}
.guestbook-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem;background:var(--line-dark);border:1px solid var(--line-dark)}
.guestbook-entry{min-height:230px;display:flex;flex-direction:column;padding:1.5rem;background:#0c2131}
.guestbook-entry>span{color:var(--gold);font-family:var(--serif);font-size:2.5rem;line-height:.7}
.guestbook-entry blockquote{margin:1.2rem 0 2rem;color:rgba(244,239,226,.76);font-family:var(--serif);font-size:1.18rem;line-height:1.5;white-space:pre-wrap}
.guestbook-entry footer{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--line-dark)}
.guestbook-entry strong{color:var(--gold-pale);font-size:.75rem}
.guestbook-entry time{color:rgba(244,239,226,.3);font-size:.62rem}
.guestbook-empty{grid-column:1/-1;margin:0;padding:3.5rem 1.5rem;color:rgba(244,239,226,.38);background:#0c2131;text-align:center;font-family:var(--serif);font-size:1.2rem}
.owner-link{opacity:.48;font-size:.62rem!important;text-decoration:none}
.owner-link:hover,.owner-link:focus-visible{opacity:1;color:var(--gold-pale)}

@media(max-width:980px){.guestbook{grid-template-columns:1fr}.guestbook-wall{grid-column:1}.guestbook-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.guestbook{padding:2rem 1.2rem;border-radius:4px 44px 4px 4px}.guestbook-fields{grid-template-columns:1fr}.guestbook-submit-row{align-items:stretch;flex-direction:column}.guestbook-submit-row .button{justify-content:center}.guestbook-wall-head{align-items:flex-start;flex-direction:column}.guestbook-list{grid-template-columns:1fr}.guestbook-entry{min-height:210px}}