:root{--serra:#005b3d;--fosc:#003e2b;--llima:#d9ed27;--paper:#fafbf5;--tinta:#253b31;--vora:#dce5d9}
body{font-family:Arial,Helvetica,sans-serif;color:var(--tinta);background:var(--paper);line-height:1.6}a{color:var(--serra)}a:hover{color:#407325}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8ea51b!important;outline-offset:3px}
#header{background:white;border-top:4px solid var(--serra)}.header_top{background:#f0f3e9;border-bottom:1px solid var(--vora)}.header_top a,.social-icons ul li a{color:var(--fosc)}.header-middle .container .row{border-bottom:0;padding:22px 0;display:flex;align-items:center;flex-wrap:wrap}.header-middle .logo{margin:0}.logo .serra-marca{display:flex;align-items:center;gap:15px;text-decoration:none}.serra-marca img{width:61px;height:75px;object-fit:contain}.serra-marca strong{display:block;font-family:Georgia,serif;font-size:29px;letter-spacing:-1px;line-height:1.15;color:var(--serra)}.serra-marca small{display:block;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#65735d;margin-top:6px}.shop-menu ul li a{background:transparent;color:#45604e;font-size:13px}.shop-menu ul li b{color:var(--serra)!important}
.header-bottom{background:var(--serra);padding:0;margin-bottom:0}.header-bottom .mainmenu ul li a{color:#fff!important;font-size:14px;padding:17px 14px;line-height:20px}.header-bottom .mainmenu ul li a.active,.header-bottom .mainmenu ul li a:hover{color:var(--llima)!important;background:#003e2b}.mainmenu ul li{padding:0}.mainmenu ul li ul.sub-menu{background:var(--fosc);min-width:230px}.header-bottom .mainmenu ul li ul.sub-menu a{padding:8px 18px}.navbar-toggle{background:var(--fosc);margin:10px}.navbar-toggle .icon-bar{background:var(--llima)}
.serra-hero{margin:28px 0 40px}.serra-hero-inner{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:35px;background:#eef2df;border:1px solid #e0e8ce;border-radius:20px;padding:45px 50px;overflow:hidden}.serra-eyebrow{color:var(--serra);font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:2px;margin-bottom:18px}.serra-hero h1{font-family:Georgia,serif;color:var(--fosc);font-weight:normal;font-size:48px;line-height:1.1;letter-spacing:-1.5px;margin:0 0 22px}.serra-hero h1 em{font-style:normal;background:linear-gradient(transparent 65%,var(--llima) 65%)}.serra-hero-copy>p:not(.serra-eyebrow){font-size:16px;line-height:1.8;color:#53634f;max-width:490px}.serra-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.serra-boto{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:7px;font-size:13px;font-weight:bold;background:var(--serra);color:#fff!important;border:1px solid var(--serra)}.serra-boto:hover{background:var(--fosc);text-decoration:none}.serra-boto-secundari{background:transparent;color:var(--serra)!important}.serra-boto-secundari:hover{background:white}.serra-hero-art{min-height:290px;position:relative;display:flex;align-items:center;justify-content:center}.serra-orbita{position:absolute;width:290px;height:290px;border:1px solid #c8d5b8;border-radius:50%;background:#e1e9ca}.serra-llibre{position:relative;background:#fffef5;border-radius:3px 12px 12px 3px;border-left:12px solid var(--serra);width:185px;padding:22px 22px 15px;box-shadow:12px 14px 0 #b6c751,22px 27px 35px #25422425;transform:rotate(-7deg)}.serra-llibre img{display:block;width:105px;height:128px;object-fit:contain;margin:auto}.serra-llibre p{font-family:Georgia,serif;font-size:20px;text-align:center;color:var(--serra);line-height:1.2;margin:13px 0 8px}.serra-llibre small{display:block;text-align:center;text-transform:uppercase;letter-spacing:1px;font-size:8px}.serra-segell{position:absolute;right:0;bottom:16px;background:var(--serra);color:var(--llima);border:5px solid #eef2df;border-radius:50%;width:95px;height:95px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.5;transform:rotate(10deg)}
h2.title,.left-sidebar h2{color:var(--serra);font-family:Georgia,serif;text-transform:none;letter-spacing:-.4px;font-weight:normal;font-size:25px}h2.title:before,h2.title:after{display:none}h2.title{text-align:left!important;background:transparent;margin-bottom:25px;padding:0 0 14px;border-bottom:1px solid var(--vora)}.left-sidebar{background:white;border:1px solid var(--vora);border-radius:12px;padding:20px 16px;margin-bottom:30px}.left-sidebar h2{font-size:21px;margin-top:0}.brands-name{border:0}.brands-name .nav-stacked li a{font-size:12px;line-height:1.35;text-transform:none;color:#53634f;padding:8px 10px;border-radius:5px}.brands-name .nav-stacked li a:hover{background:#edf3d8;color:var(--serra)}.brands-name .divider{display:none}.left-sidebar .price-range{margin-top:24px;padding-top:20px;border-top:1px solid var(--vora)}.left-sidebar .price-range img{width:38px;height:auto}.left-sidebar .price-range h5,.left-sidebar .price-range h6{color:#61725c;font-size:11px}
.ressenyes-grid{gap:20px!important}.product-image-wrapper{border:1px solid var(--vora);border-radius:12px;background:white;overflow:hidden;box-shadow:0 4px 15px #173e2710;transition:transform .2s,box-shadow .2s}.product-image-wrapper:hover{transform:translateY(-4px);box-shadow:0 12px 22px #173e271a}.productinfo img{background:#f2f3e9!important;padding:14px}.productinfo p{font-size:14px;color:var(--fosc);font-weight:600}.productinfo p small{display:inline-block;background:#ecf2de;border-radius:20px;font-size:10px;padding:3px 10px;font-weight:normal;color:var(--serra)}.product-overlay{background:var(--serra)!important}.product-overlay p{color:white!important}.product-overlay img{object-fit:contain}.product-overlay .add-to-cart{background:var(--llima);color:var(--fosc);border-radius:5px}.add-to-cart:hover{background:#e4f34e;color:var(--fosc)}
.btn-primary,.btn-success,.get,.searchform button{background:var(--serra)!important;border-color:var(--serra)!important;color:white}.btn-primary:hover,.btn-success:hover{background:var(--fosc)!important}.form-control:focus{border-color:var(--serra);box-shadow:0 0 0 3px #005b3d18}.form-control{border-radius:6px}.pagination>.active>a{background:var(--serra);border-color:var(--serra)}.pagination>li>a{color:var(--serra)}
#footer{background:var(--fosc);margin-top:35px;border-top:5px solid var(--llima)}.footer-widget{padding-top:25px}.single-widget h2{font-size:12px;letter-spacing:1px;line-height:1.5;color:var(--llima);font-weight:bold}.single-widget ul li a{font-size:13px;color:#e5ecde;padding:7px 0}.single-widget ul li a:hover{color:var(--llima)}.single-widget p,.searchform p{color:#cedac9!important;font-size:12px}.searchform input{background:#fff;border:0;max-width:100%;border-radius:5px 0 0 5px}.searchform button{background:var(--llima)!important;border:0;color:var(--fosc)}.searchform a{color:#e5ecde;text-decoration:underline}.footer-bottom{background:#edf1e4;border:0}.footer-bottom p{font-size:11px;color:#4e654f}.footer-bottom .container{padding-top:4px;padding-bottom:4px}#scrollUp{background:var(--serra)}
.informacio-capcalera{border-color:var(--serra)!important;background:#edf2df!important}.informacio-capcalera h1,.informacio-text h2,.informacio-lectures h2,.pagina-informativa a,.categoria-llibre-info h3{color:var(--serra)!important}.informacio-targetes a{background:#f1f5e8!important;border-color:var(--vora)!important}.categoria-buit,.ressenya-buida{border-color:var(--vora)!important;background:#f2f5e9!important}.categoria-capcalera{background:#edf2df!important}.categoria-capcalera h1,.categoria-comptador{color:var(--serra)!important}
#wrapper .navbar-inverse,#wrapper .side-nav{background:var(--fosc);border-color:var(--fosc)}#wrapper .side-nav>li>a,#wrapper .top-nav>li>a{color:#e6eddf}#wrapper .side-nav li a:hover,#wrapper .side-nav li.active>a{background:#005b3d!important;color:var(--llima)!important}#wrapper .side-nav>li>ul{background:#003523}#wrapper .side-nav>li>ul>li>a{color:#d7e4ce}#wrapper #page-wrapper{background:var(--paper);min-height:100vh}#wrapper .page-header{color:var(--serra);font-family:Georgia,serif;border-color:var(--vora)}#wrapper .panel-primary,#wrapper .administracio-targeta{border-color:var(--serra)}#wrapper .panel-primary>.panel-heading,#wrapper .administracio-targeta .panel-heading{background:var(--serra)!important;border-color:var(--serra)!important}#wrapper .panel-footer,#wrapper .llibres-titol{color:var(--serra)}
@media(min-width:768px){.header-bottom .mainmenu .navbar-nav{display:flex;align-items:center;flex-wrap:wrap}.header-bottom .col-sm-9{width:100%}}
@media(max-width:991px){.serra-hero-inner{padding:30px;gap:15px}.serra-hero h1{font-size:39px}.serra-segell{right:-10px}.serra-marca strong{font-size:24px}.shop-menu ul li a{padding-left:9px;padding-right:9px}.serra-llibre{width:160px}}
@media(max-width:767px){.header-middle .container .row{display:block;padding:18px 0}.logo .serra-marca{justify-content:center}.serra-marca img{width:48px;height:60px}.serra-marca strong{font-size:27px}.shop-menu{margin-top:12px}.shop-menu .nav{display:flex!important;justify-content:center;flex-wrap:wrap;margin:0!important}.header_top .contactinfo a{font-size:10px}.header-bottom .navbar-header{width:100%}.header-bottom .mainmenu{width:100%}.header-bottom .mainmenu .navbar-nav{margin:0}.serra-hero{margin:18px 0 28px}.serra-hero-inner{grid-template-columns:1fr;padding:28px 23px}.serra-hero h1{font-size:38px}.serra-hero-art{min-height:240px}.serra-orbita{width:225px;height:225px}.serra-llibre img{height:105px}.serra-llibre{width:150px;padding:12px 18px}.serra-segell{right:12%;bottom:5px}.left-sidebar{padding:16px}.brands-name ul{display:flex;flex-wrap:wrap;gap:5px}.brands-name .nav-stacked>li{margin:0}.brands-name .nav-stacked li a{background:#f2f5e9;padding:7px 10px}.left-sidebar .price-range{display:none}.footer-widget .single-widget{margin-bottom:25px}.footer-bottom .pull-left,.footer-bottom .pull-right{float:none!important;text-align:center}.single-widget h2{margin-top:0}.serra-hero-actions a{padding:11px 14px}}
@media(prefers-reduced-motion:reduce){.product-image-wrapper{transition:none}.product-image-wrapper:hover{transform:none}}
.serra-login{background:#eef2df!important;color:#253b31}.serra-login .backstretch{display:none}.serra-login .top-content{background:#eef2df;min-height:100vh}.serra-login .inner-bg{padding:45px 0}.serra-login .text h1{color:#005b3d;font-family:Georgia,serif}.serra-login .text .description p{color:#53634f}.serra-login .form-top{background:white;border-radius:14px 14px 0 0;border-top:5px solid #d9ed27}.serra-login .form-bottom{background:white;border-radius:0 0 14px 14px;box-shadow:0 15px 30px #005b3d12}.serra-login .form-top h3{color:#005b3d}.serra-login button.btn{background:#005b3d;color:white}.serra-login .btn-link-1{background:#005b3d;color:white}.serra-login .form-top img{object-fit:contain}