html	{	color: black;font-family:Arial;  }
body	{	border: 0px; padding: 0px; 	margin: 0px; font-weight: normal; }

/* Skip-to-content link — visible only when keyboard-focused */
.skip-link {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: 10000;
}
.skip-link:focus {
	position: fixed;
	left: 8px;
	top: 8px;
	width: auto;
	height: auto;
	padding: 8px 16px;
	background: #603813;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
}
img		{border: 0px; padding:0px;margin:0px;}

.bara	{	background: #603813; border: 0px; padding: 0px; margin: 0px; height: 4px; }
.all	{	background: #f9f8f6; border: 0px; padding: 0px; margin: 0px; }
.carti	{	padding: 0px; margin-left: auto; margin-right: auto; position: relative; width: 955px;  background: white; }
.tcarti {	padding-left: 8px; padding-right: 8px; position: relative; }
.logo	{	padding: 0px; position: relative; height: 71px; }
.logo .logo-img { padding-top: 30px; max-width: 100%; height: auto; }
.meniu  {	width: 955px; height: 64px; background-image: url('/img/c.png'); background-repeat: no-repeat;background-position: -0px -0px }

.meniu .menu{margin:0px auto; padding:0px; height:36px; width:100%; display:block; }
.meniu .menu li {padding:0; margin:0; list-style:none; display:inline;}
.meniu .menu li a{text-decoration: none; float:left; padding-right:21px; height:28px; padding-left:21px; padding-top:8px; display:block; color:rgb(255,255,255); text-align:center; font:16px "Times New Roman"; cursor:pointer; background:url('/img/menu_line.png') no-repeat;background-position: top right; }
.meniu .menu li a.ultimul{ background:none; padding-right:31px;}
.meniu .menu li a:hover{background-color:#fcb040 ;color:#603813;}
.meniu .menu li a.activ{} 
.meniu .menu li a.activ:hover{background-color:#fcb040 ;color:#603813; }

.sitepath {	text-decoration: none; float:left; padding-top:5px; padding-left:15px; color: #603813; font: 11px "Arial" ; }
.sitepath a{ text-decoration: none; color: #603813; }
.sitepath a:hover{color: #f7941e;}
.sitepath .af{color: #a4978a;}
.sitepath .blt{color: #f7941e;background: none;  font: 13px "Arial" ;}
.sitepath .org{color: #f7941e;background: none;  }

.content {margin:0px; padding-top:10px; overflow: hidden; position:relative;width:100%;}

.left { width:190px;  height: 100%; float:left; position:relative;}

.left .news{padding-top:15px; padding-left:15px; margin:0px; width:175px; color: #603813;  font: 12px "Arial" ; height: 108px; position:relative; background-image: url('/img/c.png'); background-repeat: no-repeat; background-position: -739px -64px;}
.left .news .org{font: 11px "Arial" ; color:#f7941e;}
.left .news form {padding: 0px;margin:0px}
.left .news .tform{ border-style: hidden; border-width: 0px; padding: 0px; padding-left: 5px; color: #603813; height: 18px; vertical-align: middle; width: 154px; font-size:12px; background-image: url('/img/c.png'); background-repeat: no-repeat; background-position: -739px -205px; }
.left .news .bform{ border-style: hidden; border-width: 0px; padding: 0px; margin-top: 6px;  color: white; height: 19px; width: 60px; font-size:12px;font-weight:bold; vertical-align:middle ; background-image: url('/img/c.png'); cursor:pointer;  background-repeat: no-repeat; background-position: -819px -223px; }

.ctg {width:190px; color:#603813; background-color: #efede8; font: 12px "Arial" ; position:relative; height:100%}
.ctg .txt {padding-left:15px;  padding-bottom:4px;} 
.ctg .menu {border-right: 1px solid #efede8;border-left: 1px solid #efede8; margin:0px; padding:0px; width:160px; display:block; font-size:11px; padding-top:2px;}
.ctg .menu li {list-style:none; }
.ctg .menu li a{text-decoration: none; color:#603813; display:block; width:173px; list-style:none; padding-left:15px; padding-top:1px; padding-bottom:1px;}
.ctg .submenu {margin:0px; padding:0px; width:188px; display:block; font-size:11px; background-color: #ffffff; }
.ctg .submenu li a{text-decoration: none; color:#603813; display:block; width:158px;  padding-left:30px; padding-top:1px; padding-bottom:1px; background: url('/img/b.png') no-repeat;background-position:  9% center ;}
.ctg .menu li a:hover{background-color: #fdc66e ;color: #603813;}
.ctg .menu li a.activ {background-color: #ffffff;color: #fcb040; font-weight: bolder ;}
.ctg .menu li a.activ:hover{ background-color: #fdc66e ;color: #603813;}

.ed {margin-top: -2px; width:190px; color:#603813; background-color: #efede8; font: 12px "Arial" ; position:relative; height:100%}
.ed .txt {padding-left:15px;  padding-bottom:4px;} 
.ed .menu {border-right: 1px solid #efede8;border-left: 1px solid #efede8; margin:0px; padding:0px; width:160px; display:block; font-size:11px; padding-top:2px;}
.ed .menu li {list-style:none; }
.ed .menu li a{text-decoration: none; color:#603813; display:block; width:173px; list-style:none; padding-left:15px; padding-top:1px; padding-bottom:1px;}
.ed .menu li a:hover{background-color: #fdc66e ;color: #603813;}
.ed .menu li a.activ {background-color: #ffffff;color: #fcb040; font-weight: bolder ;}
.ed .menu li a.activ:hover{ background-color: #fdc66e ;color: #603813;}

.left .barac {	margin-left:15px; background: #c6c6c4; border: 0px;  height: 2px; width:160px;  }
.left .bot { margin: 0px;  background:url('/img/c.png') no-repeat;height:14px;width:190px; background-position: -466px -176px; }
.left .bos { margin-top: 10px;background:url('/img/c.png') no-repeat; background-repeat: no-repeat; background-position: -739px -187px; height:18px;width:190px;}
.left .txt2 {font: 11px "Arial" ;color: #a4978a; padding-left:10px; margin-bottom: 20px; margin-top: 2px;width:170px;}

.main { width:739px; height: 100%; float:right; position:relative;}

.main .search { background:url('/img/c.png') no-repeat;  background-position: -0px -64px;  height:80px;width:739px; overflow:hidden; background-color:#f5ede0;}
.main .search .txt {color:#603813; font: 12px "Arial" ; padding-left:24px;  padding-top:12px; font-weight:bold;  width:100px; float:left;position:relative;margin-bottom:15px;}
.main .search .txt .white {color:#ffffff; font-weight:normal;font-size:11px; padding:0px;}
.main .search .frm {color:#603813; font: 12px "Arial" ; padding-top: 20px; font-weight:bold; height:40px; width: 600px; float:right;position:relative;}
.main .search .frm form {padding: 0px;margin:0px; }
.main .search .frm .sin { border-style: hidden; border-width: 0px; padding-left: 10px; color: #603813; height: 25px; vertical-align: middle; width: 456px; font-size:18px; background-image: url('/img/c.png');  background-repeat: no-repeat; background-position: -0px -176px;}

.main .noutati {float:left;background:url('/img/nou_rec.png') no-repeat; position:relative;height:64px; width:739px;  background-position: -0px -0px; }
.main .recomandari {margin-top:10px;float:left;background:url('/img/nou_rec.png') no-repeat; position:relative;height:64px; width:739px;  background-position: -0px -64px; }
.main h1 {padding:3px 10px 10px 20px; float:left; position:relative; margin:0px;  font-size:18px; text-decoration:none; font-weight:bold; color:#603813; width:739px;}
.main .txtleft {padding:13px 36px 0px 0px; float:right; position:relative;font-size:11px; text-decoration:underline; color:#FAB14D;}
.main .txtleft a {color:#FAB14D;}
.main .txtleft a:hover {color:blue;}

.main .cn { padding-top:8px; position:relative; float:left;width:739px;}
.main .cn .carte-top {position:relative;width:739px;float:left; height:19px; background:url('/img/c.png') no-repeat;   background-position: -0px -138px;}
.main .cn .carte-end {position:relative;width:739px;float:left; height:19px; background:url('/img/c.png') no-repeat; background-position: -0px -157px; }
.main .cn .carte {position:relative;width:739px;float:left; height: 27px; background:url('/img/categorie_carte_middle.png');}
.main .cn .tb {position:relative; width:739px;float:left;}
.main .cn .tb table {position:relative;background:url('/img/sline.png') repeat-y; width:739px;}
.main .cn .tb td {width: 183px; vertical-align:text-top; text-align: center;padding:0px;margin:0px;}
.main .cn .titlu {padding:0px 10px 0px 10px;  font-size:11px; text-decoration:none; font-weight:bold; margin:0px;}
.main .cn .autor {padding:0px 10px 0px 10px; font-size:10px; text-decoration:none; color:#603813; }
.main .cn .titlu a {text-decoration:none; color:#603813;}
.main .cn .titlu a:hover {color:blue;text-decoration:underline;}
.main .cn .pret { font-size:11px; text-decoration:none; font-weight:bold; color:#FAB14D;}
.main .cn .tb2 {position:relative; width:739px;float:left;}
.main .cn .tb2 table {position:relative;background:url('/img/rec_bk.gif') repeat-y; width:739px;}
.main .cn .tb2 td {width: 146px; vertical-align:text-top; text-align: center;padding:0px;margin:0px;}


.main .titlu_carte {padding:0px 10px 10px 10px;margin:0px; position:relative;  font-size:18px; text-decoration:none; font-weight:bold; color:#603813; width:100%; max-width:739px; box-sizing:border-box;}
.main .cattop {padding:0px 10px 10px 10px; width:739px;height:40px; background:url('/img/cat-top.jpg') no-repeat;}
.main .bodyt  {padding-top:0px;padding-left:10px;font-size:12px;}



.main .po {position:relative; font-size:11px;margin:0px;color:#a4978a; }
.main .po .sp{ position:relative;height:10px; width: 739px;float:left;}
.main .po .pagini {padding-left:10px;  position:relative; text-align:left; float:left;}
.main .po a {margin: 0px 0px 0px 1px; padding: 1px 4px 1px 4px; text-decoration:none; color:#603813; font-weight:bold; background-color:#ede8e2;}
.main .po a:hover {text-decoration:none;background-color:#fcb040;}
.main .po a.inactiv {background-color:#fcb040;}
.main .po .order {padding-right:10px;position:relative;float:right;}
.main .space {position:relative;float:left; height:30px;}

.main ul {list-style:square inside url('/img/link-arrow.gif'); font-size:12px;}
.main ul a {color:#603813;text-decoration:none;}
.main .right {width:250px; float:right; padding-right:120px;}
.main .left {width:250px;float:left;padding-left:40px;}
.main .bodytxt {padding-left:10px;font-size:12px;}
.main .bodytxt .lnkadd {font-size:10px; color:#603813;}
.main .bodytxt .lnkdom {font-size:11px; color:#603813;}
.main .bodytxt .lnk {font-size:11px;}
.main .bodytxt .lnkdesc {font-size:11px;  }


.bookright { padding-top:13px;font-size:12px; color:#603813;text-align:center; width:190px; height: 100%; float:right; position:relative;background:url('/img/carti_rec.jpg') no-repeat;}
.bookright .tlt {font-weight:bold;}
.bookright .rec {color:#a4978a;padding-top:10px;font-size:11px;height:30px;}
.bookright a {padding-right:5px;padding-left:5px;color:#603813;text-decoration:none;font-weight:bold;}
.bookright a:hover {color:blue;text-decoration:underline;}
.bookright .carte_recomandata {padding-right:5px;padding-left:5px;background:url('/img/recomandari_line.gif') repeat-y;}
.bookright .rec-sep {background:url('/img/rec_sep.gif') no-repeat; height:28px;}
.bookright .rec-end {font-size:10px;background:url('/img/rec_end.gif') no-repeat; height:62px;}

.bookleft {float:left; width:539px; height: 100%; position:relative; background:url('/img/book-toph1.jpg') no-repeat; }
.inc {padding: 10px 3px 0px 0px; height: 380px; width:523px; position:relative; }
.inc .ic {text-align:center; padding-top:20px;  float:left; width:250px; height: 100%;background:url('/img/dot_line.gif') no-repeat;background-position: right top;  }
.inc .ic .pret { color:#603813; font-size:12px;}
.inc .ic img { }
.inc .ic .pret .ron  {font-size:28px;}
.inc .dc { color:#603813;font-size:12px;padding-top:16px; float:right; width:259px;height: 100%; }
.inc .dc .lb {font-weight: bold;position: relative;padding:0px; } 
.inc .dc img {margin:0px;padding-top:3px; position: relative;float:left;}
.inc .dc .orange {color: #a04500;padding:0px; }
.inc .dc ul {padding-left:12px;font-size:11px;list-style-image:url('/img/dot.gif');}
.inc .dc li h2 {font-size:11px; padding:0px; margin:0px;float:left;text-align:left; ;font-weight: normal; font-style:normal;}
.inc .dc li { padding:6px 5px 0px 0px; }
.inc .dc li a:hover{ text-decoration:underline; color:blue; }
.inc .dc .cmd {padding-top:23px; color: #a4978a; text-align: center;} 
.inc .dc .cmd span{color: #FAB14D; font-size:16px;font-weight: bold; } 
.inc .dc .buton {text-align:center; padding-left:25px;padding-top:20px;} 
.jos {float:left;width:539px; padding-top:18px; position:relative; background:url('/img/descriere_carte.png') no-repeat; }
.jos .descriere { color: #603813;font-size:12px;padding: 0px 15px 0px 15px; background:url('/img/descriere_carte.gif') repeat-y; }
.jos .descriere a {color: #FAB14D;font-size:11px; }
.jos .descriere .tlt {padding-bottom:10px;font-size:14px;font-weight:bold;}
.discl {color: #603813;padding: 0px 15px 0px 15px;font-size:12px;float:left;width:539px; padding-top:18px; position:relative; }

.cw {width:739px; margin:6px 0px 6px 0px; padding-top:4px;position:relative; float: left;}
.cw .noresult {width:739px; padding: 0px 0px 15px 10px; padding-top:4px;}
.cw .carte {width:739px; background:url('/img/categorie_carte_line.png') repeat-y;}
.cw .cartetop {width:739px; height:19px; background:url('/img/c.png') no-repeat;  background-repeat: no-repeat; background-position: -0px -138px;}
.cw .cm {width:739px; height:29px; background:url('/img/categorie_carte_middle.png') repeat-y; }
.cw .cartebottom {width:739px; height:19px; background:url('/img/c.png') no-repeat; background-position: -0px -157px; }
.carte .i {padding-left:10px; padding-top:8px; width:100px;}
.carte .i img {display: block; margin-left: auto; margin-right: auto; }
.carte .c {padding: 0px 0px 15px 10px; width:411px; position:absolute;}
.carte .c .t {font-weight:bold; font-size:12px; color:#603813;}
.carte .c  h2 {padding: 0px; font-weight:bold; font-size:12px; color:#603813;margin:0px;}
.carte .c  h2  a{color:#603813;}
.carte .c  h2 a:hover {color:blue;}
.carte .c .t a {color:#603813;}
.carte .c .t a:hover {color:blue;}
.carte .c .x {font-size:10px; color:#603813; position:absolute;}
.carte .c .x a {color:#FF8000;}
.carte .c .x a:hover {color:blue;}
.carte .c p {margin-top:40px; width:350px; font-size:10px; color:#603813; position:absolute;}
.carte .c p a {color:#FF8000;}
.carte .c p a:hover {color:blue;}
.carte .d {padding: 0px 20px 0px 5px; width:200px; text-align:center; vertical-align:top;}
.carte .d .x {font-size:15px; margin-top:15px; color:#603813; }
.carte .d .b {padding-top:5px;}
.carte .d .t {font-size:11px; margin-top:3px;color:#603813;}

.separator {height:4px;}
.sep2 {height:25px; float:left;position:relative;width:739px;}

.main .search .frm .bt {  border-style: hidden; border-width: 0px; margin-left: 20px; height: 28px; width: 80px; vertical-align:middle ; background-image: url('/img/c.png'); cursor:pointer;  background-repeat: no-repeat; background-position: -739px -223px;}

.main .search .frm input {  display: inline;  margin: 0px;   border: 0px; color: #603813;  }

.footer { font-size: 11px; border: 0px; 	padding: 0px; margin: 0px; height: 180px; position: relative; text-align: center; background: white;  background-image: url('/img/fback.gif'); background-repeat: repeat-x;}
.footer .mn {color: #8a643a;font-weight:bold; padding-top:10px;}
.footer .mn a{color: #8a643a; text-decoration:none; padding-left:7px;padding-right:7px;}
.footer .mn a:hover {color: blue; text-decoration: underline;}
.footer .mn .txt{padding-top:10px;font-size: 12px; color: #91897f; font-weight:normal;}
.footer .mn a{font-size: 11px;color: #8a643a;font-weight:bold; padding-top:10px;;}
.footer .mn .txt .a1{color: #8a643a; text-decoration:none; padding-left:7px;padding-right:7px;}
.footer .mn .txt a:hover {color: blue; text-decoration: underline;}

/* -- Book list row (replaces <table width="731"> in list_book.php) -- */
.carte-row   { display: flex; width: 731px; max-width: 100%; align-items: flex-start; }
.carte-img   { width: 100px; flex-shrink: 0; padding-left: 10px; padding-top: 8px; text-align: center; }
.carte-img img { display: block; margin: 0 auto; }
.carte-info  { flex: 1; padding: 0 0 15px 10px; font-size: 12px; color: #603813; min-width: 0; }
.carte-info h2 { padding: 0; font-weight: bold; font-size: 12px; color: #603813; margin: 0; }
.carte-info h2 a { color: #603813; text-decoration: none; }
.carte-info h2 a:hover { color: blue; }
.carte-info .x { font-size: 10px; color: #603813; display: block; }
.carte-info .x a { color: #FF8000; }
.carte-info p { font-size: 10px; color: #603813; margin-top: 8px; width: 350px; }
.carte-info p a { color: #FF8000; }
.carte-price { width: 200px; flex-shrink: 0; padding: 0 20px 0 5px;
               text-align: center; }

/* -- Book grid (replaces <table> in main.php) -- */
.book-grid     { display: flex; flex-wrap: wrap; width: 739px;
                 background: url('/img/sline.png') repeat-y; }
.book-thumb    { width: 183px; text-align: center; vertical-align: top;
                 box-sizing: border-box; padding: 0; }
.book-grid-sm  { background: url('/img/rec_bk.gif') repeat-y; }
.book-thumb-sm { width: 146px; }

/* ════════════════════════════════════════════════════
   DESKTOP HELPERS (hidden by default, shown on mobile)
   ════════════════════════════════════════════════════ */
.nav-toggle      { display: none; }
.sidebar-toggle  { display: none; }
.vezi-detalii-btn { display: none; }   /* shown only on mobile */

/* ════════════════════════════════════════════════════
   RESPONSIVE — <= 768px
   ════════════════════════════════════════════════════ */
@media (max-width: 768px) {

    /* -- Container -- */
    .carti  { width: 100%; max-width: 100%; box-sizing: border-box; }
    .tcarti { padding: 0 6px; box-sizing: border-box; }
    .content { width: 100%; overflow: hidden; }

    /* -- Logo: centered, 25% larger than before (60% → 75%) -- */
    .logo { height: 55px; padding: 6px 0; text-align: center; box-sizing: border-box; }
    .logo .logo-img { padding-top: 0; }
    .logo a { display: block; }
    .logo img { max-width: 75%; height: auto; width: auto !important; display: inline-block; }

    /* -- Nav bar: solid colour, hamburger pinned right -- */
    .meniu  { width: 100%; position: relative; min-height: 44px; height: auto;
              background-image: none; background-color: #603813; }

    /* -- Main content area fixed widths -- */
    .main  { width: 100%; }
    .main .noutati, .main .recomandari { width: 100%; background-size: 100% 64px; }
    .main h1 { width: 100%; box-sizing: border-box; font-size: 15px; }
    .main .txtleft { padding-right: 8px; font-size: 11px; }
    .main .cn { width: 100%; }
    .main .cn .carte-top, .main .cn .carte-end, .main .cn .carte { width: 100%; }
    .main .sep2 { width: 100%; }
    .main .po .sp { width: 100%; }

    /* -- Search bar: remove broken sprite, use plain background -- */
    .main .search { width: 100%; height: auto; min-height: 60px;
                    background-image: none; background-color: #f5f0e8;
                    padding: 10px 6px; box-sizing: border-box; }
    .main .search .txt { display: none; }
    .main .search .frm { width: 100%; float: none; padding: 0; box-sizing: border-box; }
    .main .search .frm .sin { width: calc(100% - 90px); font-size: 14px; border: 1px solid #c6b89a; padding: 6px 8px; box-sizing: border-box; }

    /* -- Hamburger button: pinned to top-right of nav bar -- */
    .nav-toggle {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: none;
        border: none;
        color: #fff;
        font-size: 28px;
        cursor: pointer;
        padding: 8px 14px;
        line-height: 28px;
        height: 44px;
    }

    /* Mobile nav — class-toggle approach (no per-element JS style writes).
       Single classList.toggle('nav-open') drives the whole open/closed state. */
    .meniu .menu:not(.nav-open) { display: none; }
    .meniu .menu.nav-open {
        display: block;
        height: auto;
        background: #603813;
        position: static;
        width: 100%;
        margin: 0;
        padding: 44px 0 0 0;
        box-sizing: border-box;
    }
    .meniu .menu.nav-open li {
        display: block;
        float: none;
        height: auto;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .meniu .menu.nav-open li a {
        display: block;
        float: none;
        height: auto;
        width: 100%;
        box-sizing: border-box;
        padding: 14px 18px;
        color: #fff;
        background: transparent;
        background-image: none;
        border-bottom: 1px solid rgba(255,255,255,0.15);
        font-size: 15px;
        font-family: Arial, sans-serif;
        text-align: left;
        text-decoration: none;
        line-height: 1.4;
    }
    .meniu .menu.nav-open li a:hover { background: rgba(255,255,255,0.15); }

    /* -- Hide breadcrumb on mobile -- */
    .sitepath { display: none; }

    /* -- Sidebar -- */
    .left  { float: none; width: 100%; display: none; }
    .left.sidebar-open { display: block; }
    .main  { float: none; width: 100%; }

    /* -- Sidebar toggle button -- */
    .sidebar-toggle {
        display: block;
        width: 100%;
        padding: 10px 15px;
        background: #efede8;
        border: 1px solid #c6c6c4;
        text-align: left;
        font-size: 14px;
        cursor: pointer;
        color: #603813;
        font-weight: bold;
    }

    /* -- Search bar -- */
    .main .search { width: 100%; height: auto; background-size: 100% 100%; }
    .main .search .frm { width: 100%; float: none; box-sizing: border-box; padding: 10px; }
    .main .search .frm .sin { width: calc(100% - 110px); }
    .main .search .txt { display: none; }

    /* -- Book detail columns -- */
    .main .titlu_carte {
        text-align: center;
        font-size: 17px;
        line-height: 1.3;
        padding: 14px 10px 10px;
    }
    .bookleft, .bookright { float: none; width: 100%; }
    .bookleft { background: none; }
    .bookright {
        margin-top: 24px;
        background: none;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
    .bookright .tlt {
        font-size: 15px;
        color: #603813;
        text-transform: uppercase;
        letter-spacing: .5px;
        margin-bottom: 4px;
    }
    .bookright .rec {
        color: #a4978a;
        font-size: 12px;
        margin-bottom: 14px;
        height: auto;
        padding-top: 0;
    }
    /* Single-column stack on mobile, fully centered. */
    .bookright .rec-cards {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        width: 100%;
    }
    .bookright .carte_recomandata {
        background: none;
        padding: 14px 12px;
        border: 1px solid #ececec;
        border-radius: 4px;
        box-sizing: border-box;
        text-align: center;
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }
    .bookright .carte_recomandata > a {
        display: block;
        text-align: center;
    }
    .bookright .carte_recomandata img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto 6px;
    }
    .bookright .carte_recomandata .titlu {
        font-size: 12px;
        line-height: 1.3;
        margin: 4px 0;
    }
    .bookright .carte_recomandata .titlu a {
        padding: 0;
        color: #603813;
        text-decoration: none;
    }
    .bookright .carte_recomandata .autor {
        font-size: 11px;
        color: #888;
        margin: 2px 0;
    }
    .bookright .carte_recomandata .pret {
        font-size: 12px;
        color: #FF8000;
        font-weight: bold;
        margin-top: 4px;
    }
    /* Hide decorative bits that don't translate to mobile */
    .bookright .rec-sep { display: none; }
    .bookright .carte_recomandata > img[src*="line_recc"] { display: none; }
    .bookright .rec-end {
        background: none;
        height: auto;
        font-size: 12px;
        margin-top: 16px;
        padding-top: 10px;
        border-top: 1px solid #eee;
        color: #888;
    }
    .inc { width: 100%; height: auto; }
    .inc .ic, .inc .dc { float: none; width: 100%; padding: 10px 0; }
    .jos { width: 100%; }
    .discl { width: 100%; }

    /* -- Book grids -- */
    .book-grid, .book-grid-sm { width: 100%; background: none; }
    .book-thumb, .book-thumb-sm { width: 50%; padding: 6px; }

    /* -- Book list rows -- */
    .cw, .cw .carte { width: 100%; }
    .cw .cartetop, .cw .cm, .cw .cartebottom { width: 100%; }
    .carte-row   { flex-direction: column; width: 100%; }
    .carte-img   { width: 100%; text-align: center; padding: 8px 0; }
    .carte-info  { width: 100%; padding: 0 10px 10px; }
    .carte-info p { width: 100%; }
    .carte-price { width: 100%; text-align: center; padding: 8px 10px; }

    /* -- Homepage book thumbs: larger images, centered content -- */
    /* "Ultimele carti" uses b-size images (~130px wide) */
    .book-thumb img {
        width: auto !important;
        max-width: 140px;
        height: auto !important;
        display: block;
        margin: 0 auto;
    }
    /* "Recomandari" uses a-size images (70px wide) — force larger */
    .book-thumb-sm img {
        width: 110px !important;
        height: auto !important;
        display: block;
        margin: 0 auto;
    }
    .book-thumb .titlu, .book-thumb .autor, .book-thumb .pret,
    .book-thumb-sm .titlu, .book-thumb-sm .autor, .book-thumb-sm .pret { text-align: center; }

    /* -- Book list (list_book.php): larger cover images -- */
    .carte-img img {
        width: 130px !important;
        height: auto !important;
        max-width: 130px;
    }

    /* -- "Vezi detalii" button (mobile only) -- */
    .vezi-detalii-btn {
        display: block;
        margin: 8px auto 2px;
        padding: 8px 20px;
        background: #603813;
        color: #fff !important;
        text-decoration: none;
        font-size: 13px;
        border-radius: 3px;
        text-align: center;
        width: -moz-fit-content;
        width: fit-content;
    }
    .vezi-detalii-btn:hover { background: #7a4520; }

    /* -- Font size minimums -- */
    .main .cn .autor  { font-size: 12px; }
    .main .cn .titlu  { font-size: 12px; }
    .main .cn .pret   { font-size: 12px; }
    .carte-info .x    { font-size: 12px; }
    .ctg .menu        { font-size: 12px; }
    .ed .menu         { font-size: 12px; }

}
/* end @media 768px */

@media (max-width: 480px) {
    .book-thumb, .book-thumb-sm { width: 100%; }
}

/* ─────── Edituri page ─────── */

.edit-search {
    position: relative;
    margin: 12px 0 22px;
    max-width: 520px;
}
.edit-search input {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 36px 10px 14px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
}
.edit-search input:focus {
    border-color: #f60;
    box-shadow: 0 0 0 3px rgba(255,102,0,.12);
}
.edit-search-clear {
    position: absolute;
    right: 12px; top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #999;
    font-size: 22px;
    line-height: 1;
    display: none;
    user-select: none;
}
.edit-search-clear:hover { color: #333; }

.edit-h2 {
    margin: 6px 0 10px;
    font-size: 16px;
    color: #444;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.edit-featured-wrap { margin-bottom: 26px; }
.edit-featured {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}
.edit-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 16px 10px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    min-height: 78px;
    transition: transform .12s, box-shadow .12s, border-color .12s;
}
.edit-card:hover {
    transform: translateY(-2px);
    border-color: #f60;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    color: #f60;
}
.edit-card-name {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 4px;
}
.edit-card-count {
    font-size: 11px;
    color: #888;
}
.edit-card:hover .edit-card-count { color: #f60; }

.edit-az {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 8px 4px;
    margin: 0 0 18px;
    background: #fafafa;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    position: sticky;
    top: 0;
    z-index: 5;
}
.edit-az a {
    flex: 1 1 auto;
    min-width: 28px;
    padding: 6px 4px;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-weight: 600;
    font-size: 13px;
    border-radius: 3px;
    transition: background .12s, color .12s;
}
.edit-az a:hover { background: #f60; color: #fff; }
.edit-az a.dim,
.edit-az a.inactive {
    color: #ccc;
    pointer-events: none;
    cursor: default;
}

.edit-section { margin-bottom: 20px; }
.edit-letter {
    margin: 14px 0 10px;
    padding-bottom: 6px;
    font-size: 22px;
    color: #f60;
    border-bottom: 2px solid #f60;
}
.edit-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}
.edit-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-size: 13px;
    line-height: 1.3;
    transition: border-color .12s, color .12s, background .12s;
}
.edit-link:hover {
    border-color: #f60;
    color: #f60;
    background: #fff7ee;
}
.edit-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.edit-count {
    flex: 0 0 auto;
    background: #eee;
    color: #666;
    padding: 1px 7px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
}
.edit-link:hover .edit-count { background: #f60; color: #fff; }

.edit-empty {
    padding: 20px;
    text-align: center;
    color: #888;
    background: #fafafa;
    border: 1px dashed #ddd;
    border-radius: 4px;
}

@media (max-width: 1023px) {
    .edit-featured { grid-template-columns: repeat(3, 1fr); }
    .edit-grid     { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
    .edit-featured { grid-template-columns: repeat(2, 1fr); }
    .edit-grid     { grid-template-columns: repeat(2, 1fr); }
    .edit-az {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .edit-az a { flex: 0 0 auto; min-width: 32px; }
    .edit-letter { font-size: 18px; }
}
@media (max-width: 400px) {
    .edit-grid { grid-template-columns: 1fr; }
}