
/* Savanis Bookshop modern frontend layer — progressive enhancement, no framework dependency */
:root{--sv-primary:#ff6600;--sv-ink:#172033;--sv-muted:#667085;--sv-line:#e7eaf0;--sv-bg:#f7f8fb;--sv-card:#fff;--sv-radius:16px}
html{scroll-behavior:smooth}body{background:var(--sv-bg);color:var(--sv-ink);font-family:Lexend Deca,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
.sv-skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:#111827;color:#fff;padding:10px 14px;border-radius:9px;text-decoration:none}.sv-skip-link:focus{top:12px}
.sv-main{min-height:60vh}.sv-main img{max-width:100%;height:auto}.sv-main a{transition:color .2s ease,transform .2s ease}
header.sticky-top{backdrop-filter:saturate(160%) blur(12px);background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(16,24,40,.06)}
.sav-brand{font-size:1.18rem!important;letter-spacing:-.03em}.sav-brand img{width:28px;height:28px;object-fit:contain;vertical-align:-7px;margin-right:4px}
header .nav-link{font-weight:600;color:#344054!important;border-radius:10px;padding:.6rem .8rem!important}header .nav-link:hover{background:#f2f4f7;color:var(--sv-primary)!important}
header .dropdown-menu{border:1px solid var(--sv-line);border-radius:14px;padding:8px;box-shadow:0 18px 45px rgba(16,24,40,.12)}header .dropdown-item{border-radius:9px;padding:9px 12px}
#searchCollapse .container{padding-bottom:14px!important}#searchCollapse input{border-radius:12px!important;border:1px solid #d0d5dd!important;box-shadow:0 5px 18px rgba(16,24,40,.05)}
.btn,.button,button{border-radius:10px}.card{border:1px solid var(--sv-line);border-radius:var(--sv-radius);box-shadow:0 8px 24px rgba(16,24,40,.045);overflow:hidden}.card:hover{box-shadow:0 14px 34px rgba(16,24,40,.08)}
.titlebook{font-weight:700!important;color:var(--sv-ink)!important}
footer{margin-top:45px}footer a{transition:color .2s ease}footer a:hover{color:var(--sv-primary)!important}
:focus-visible{outline:3px solid rgba(255,102,0,.35);outline-offset:2px}
@media(max-width:767px){header .navbar{padding-top:7px;padding-bottom:7px}.sv-main{overflow-x:hidden}.card{border-radius:13px}.section-padding{padding:28px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
