/*! * =========================================================================================== * MERGED: /public/css/default.css * =========================================================================================== */ :root{--color:#8ea38d;--color2:#fff;--radius:5px}p{font-size:14px}.CMS_mv{margin-bottom:var(--gap)}.CMS_mh{padding:0 var(--gap)}h1{margin-top:0;padding-top:0}h2{margin-top:0;padding-top:0}h3{margin-top:0;padding-top:0}html,body{height:100%;margin:0;padding:0}body.fullwidthpage .mainlayout{grid-template-columns:0fr 3fr;gap:0}body.fullwidthpage .mainlayout>div:first-child{border:0}hr{border-color:#f0f0f0}.radius{border-radius:var(--radius)}.bg-yellow{background-color:#FFFED1}.bg-white{background-color:#FFF}.boxshadow{box-shadow:0 2px 3px 0 rgb( 0 0 0 / 10%)}.mainlayout{display:grid;grid-template-columns:1fr 4fr}.mainlayout>div:first-child{border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0}.mainlayout>div:last-child{padding:0 var(--gap)}.btn{background-color:transparent;border:0;margin:0;padding:0}.btn-link{color:#666;cursor:pointer}.btn-link:hover{color:#222;text-decoration:underline}.contentbox{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:var(--radius);margin-bottom:var(--gap)}.mainheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap)}.mainheading h1{margin:0}.linkbutton{display:inline-block;height:32px;line-height:32px;text-align:center;color:#fff;background-color:var(--color);border-radius:var(--radius);font-size:12px;transition:opacity .2s;border:0;padding:0 15px}.linkbutton i{margin-right:5px}.linkbutton:hover{opacity:.9;text-decoration:none}.linkbutton[disabled]{background-color:#E0E0E0;cursor:not-allowed;color:#B0B0B0}.linkbutton.xl{height:45px;font-size:16px;font-weight:bold}.sticky{position:sticky;top:var(--gap)}header{background:rgba(255,255,255,0.92);border:1px solid #ece8e1;border-radius:16px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}header .cart{position:relative;border-left:1px solid #ece8e1;padding:0 0 0 12px}header .cart a{width:34px;height:34px;display:flex;align-items:center;justify-content:center}header .cart.empty a{color:#B0B0B0}header .cart a:hover{color:#000;text-decoration:none}header .cart ui-bind{position:absolute;right:-6px;bottom:-6px;background-color:var(--color);color:#FFF;width:16px;height:16px;font-size:10px;text-align:center;line-height:17px;border-radius:100px}.body{border-radius:16px;border:1px solid #F0F0F0;border-top:4px solid #8ea38d;margin:0 auto;width:100%}.maxwidth{max-width:1340px;margin:0 auto;width:100%;padding:0 20px}.maxwidth2{max-width:800px;margin:0 auto;width:100%;padding:0 20px}.breadcrumb{line-height:40px;color:#666;font-size:12px;border-bottom:1px solid #F0F0F0;padding:0 20px}.breadcrumb i{margin:0;line-height:16px;position:relative;display:inline-block;vertical-align:middle}.breadcrumb i:first-child{margin-left:0}.breadcrumb a{color:inherit;padding:1px 5px;position:relative;display:inline-block;line-height:16px;border-radius:var(--radius);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;vertical-align:middle;color:#999}.breadcrumb a:last-child{color:var(--color)}.rating .ti-star-alt{color:#EC8632}.rating .ti-star-alt.empty{color:#999}.catalog{display:flex;min-height:100vh;gap:20px}.categories{width:240px;background-color:#fff;flex-shrink:0;border-radius:var(--radius)}.content{flex:1}.products .item{border-radius:var(--radius);margin-bottom:var(--gap);color:#222;background-color:#F8F8F8;position:relative;border:1px solid #F0F0F0}.products .item .info{padding:15px}.products .item a{color:inherit;text-decoration:none}.products .item .info .name{height:40px;overflow:hidden}.products .item img{height:240px;width:100%;object-fit:cover;object-position:center;border-radius:var(--radius) var(--radius) 0 0}.products .item .brand{color:#b0b0b0;margin-bottom:5px}.products .item .price{font-size:16px}.products .item .availability{color:var(--color);font-size:12px;margin-top:3px}.products .item hr{margin-top:10px;margin-bottom:10px}.products .item .discount{position:absolute;width:45px;line-height:45px;color:#FFF;background-color:#EA706B;border-radius:100px;font-size:12px;text-align:center;top:15px;right:15px;box-shadow:0 2px 10px rgba(0,0,0,0.3)}.sortfilter{display:flex;align-items:center;gap:var(--gap);margin-top:var(--gap)}.sortfilter button{position:relative;border:0;padding:0 6px;background-color:#fff;color:#666;margin-right:15px}.sortfilter button:hover{color:#000}.sortfilter button.selected{color:#000}.sortfilter button.selected:after{content:'';position:absolute;left:0;bottom:-6px;width:100%;height:2px;background-color:var(--color)}.checkout{padding:0 20px}.checkout .checkoutlayout{display:grid;grid-template-columns:3fr 2fr;gap:var(--gap)}.checkout .checkoutlayout .btnprimary{font-size:14px;width:100%}.checkout .caption label{border-bottom:0;font-size:18px}.checkout .item{display:flex;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.checkout .item .product{margin-bottom:8px}.checkout .item .product a{color:#222}.checkout .item .meta{display:flex;justify-content:space-between;align-items:start}.checkout .item .controls{display:flex;align-items:center;padding:4px 4px 4px 8px;color:#999;border:1px solid #e0e0e0;border-radius:var(--radius);background-color:#FFF}.checkout .item .controls .count{margin-right:5px;padding:2px 10px;border:0;border-radius:var(--radius);color:#000;width:50px;overflow:hidden}.checkout .item .controls .count:hover{border-color:#d0d0d0}.checkout .item .controls button{border:0;background-color:#F0F0F0;border-radius:var(--radius);margin-left:3px;width:22px;padding:0}.checkout .item .controls button:first-child{margin-left:0}.checkout .item .controls button:hover{color:#222}.checkout .total{display:flex;align-items:center;justify-content:space-between;font-size:18px}.checkout .controls, .checkout .price, .checkout .finalprice{text-align:right}.checkout .total{margin-top:5px}.checkout .item .image{height:80px;width:80px;margin-right:15px;overflow:hidden;border-radius:var(--radius)}.checkout .item .image img{width:100%;border-radius:var(--radius)}.checkout .item>div:last-child{width:100%}.checkout .discount{font-size:11px;margin-right:5px;padding:2px 5px;float:left;background-color:#EA706B;color:#FFF;text-align:center;border-radius:var(--radius)}.checkout .emptycontent{background-color:#fff;border-radius:var(--radius);padding:30px var(--gap) 50px;text-align:center;margin-bottom:var(--gap)}.checkout .emptycontent .btn{max-width:300px}.checkout .emptycontent .btn:hover{text-decoration:none}.checkout .emptycontent img{max-width:200px;margin:var(--gap) auto var(--gap)}.voucher>div{display:grid;grid-template-columns:3fr 1fr;gap:var(--gap);margin-top:var(--gap)}.voucher button{height:36px}.detail{margin-bottom:var(--gap)}.detail .image{position:relative}.detail .image img{border-radius:var(--radius)}.detail h1{margin-top:0}.detail .detaillayout{display:grid;grid-template-columns:2fr 3fr;gap:var(--gap)}.detail .colorvariant{color:#fff;display:inline-flex;border-radius:var(--radius);margin-right:var(--gap);padding:2px 8px;cursor:pointer}.detail .detailbody{color:#666}.detail .brand{position:absolute;left:var(--gap);top:var(--gap);background-color:#fff;border:1px solid var(--color);padding:4px 8px;color:#666;border-radius:var(--radius);font-weight:bold;font-size:13px;box-shadow:0 2px 5px rgba(0,0,0,0.05)}.detail .stock{margin-bottom:3px}.detail .pictures{display:flex;align-items:center;gap:var(--gap);margin-top:var(--gap);flex-wrap:wrap}.detail .pictures img{max-width:100px;border-radius:var(--radius);cursor:pointer}.detail .swiper-slide img{width:100%}.detail .image-container{width:100%;aspect-ratio:1/1}.detail .image-container img{width:100%;height:auto;display:block;cursor:grab}.detail .discount{font-size:11px;margin-right:5px;padding:2px 5px;float:left;background-color:#EA706B;color:#FFF;text-align:center;border-radius:var(--radius)}.detail .variant{margin-bottom:var(--gap)}.detail .variant section{display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius);background-color:#f0f0f0;padding:14px var(--gap);width:100%}.detail .variant:last-child{margin-bottom:0}.detail .variant>div{display:none}.detail .variant.incart>div{display:block;font-size:12px;color:#777;background-color:rgba(236,134,50,0.2);padding:5px;border-radius:var(--radius);margin-top:2px}.detail .variant.incart>div i{margin-right:5px;color:#68B25B}.detail .rating{margin-bottom:10px;font-size:20px}.detail .variant-gallery{display:flex;align-items:center;gap:var(--gap);margin-top:var(--gap);flex-wrap:wrap;margin-bottom:15px}.detail .variant-gallery img{max-width:100px;border-radius:var(--radius);cursor:pointer}.account .content{display:grid;grid-template-columns:300px 1fr;gap:var(--gap)}.account .content .heading{font-size:18px}.account .noorders{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.account .noorders img{display:block;margin:0 auto 20px;width:160px}.account .orders .item{display:flex;align-items:flex-start;gap:var(--gap);margin-bottom:10px;padding:12px;background-color:#f8f8f8;border-radius:var(--radius);overflow:hidden}.account .orders .item:hover{text-decoration:none;background-color:#f0f0f0}.account .orders .item:last-child{border-bottom:0}.account .orders .price{text-align:right;width:70px;color:#333;margin-right:5px}.account .orders .date{width:130px;text-align:left}.account .orders .status{width:80px}.account .orders .status.ispaid{border-radius:20px;text-align:center;justify-content:center}.account .orders .orderitems{color:#666;font-size:12px;max-width:382px;padding-top:3px}.account .orders .orderitems span{margin-right:5px;position:relative}.account .orders .orderitems span:after{content:','}.account .orders .orderitems span:last-child:after{content:''}.account .billingaddress>div, .account .address>div, .account .company>div{color:gray}.orderdetail h1{margin-bottom:0}.orderdetail h3{margin-top:0}.orderdetail .contentbox .address{color:gray}.orderdetail .status .heading{color:gray;margin-bottom:10px}.orderdetail .items .item{display:flex;justify-content:space-between;padding-bottom:5px;margin-bottom:5px}.orderdetail .items .item.internal{color:#888}.orderdetail .summary{display:flex;justify-content:space-between;border-top:1px solid #e0e0e0;margin-top:5px;padding-top:5px;font-weight:bold;color:var(--color)}.orderstatus{padding:8px 10px;display:block;background-color:var(--color2);border-radius:var(--radius);font-weight:bold;border:2px solid #E0E0E0;font-size:18px}.status-pending{color:#f3b573}.status-inprogress{color:#a76ef7}.status-shipped{color:#7cb2f9}.status-processed{color:#83c83c}.status-canceled{color:#eb706c}.orderstatus.status-pending{border-color:#f3b573}.orderstatus.status-inprogress{border-color:#a76ef7}.orderstatus.status-shipped{border-color:#7cb2f9}.orderstatus.status-processed{border-color:#83c83c}.orderstatus.status-canceled{border-color:#eb706c}.ispaid{background-color:#83c83c;color:#fff;display:inline-flex;align-items:center}.ui-loading-2>div{background-color:var(--color)}.serversearch{position:relative;height:36px;display:flex;align-items:center;max-width:250px}.serversearch input{padding:0 10px;height:36px;border-radius:var(--radius) 0 0 var(--radius);border:1px solid #e0e0e0;border-right:0;background-color:#fff;width:100%;outline:0}.serversearch>span{position:absolute;right:55px;top:7px;cursor:pointer;color:#E73323}.serversearch>button{padding:0 15px;height:36px;border:1px solid var(--color);border-left:0;border-radius:0 var(--radius) var(--radius) 0;background-color:var(--color);color:#fff}.serversearch>button i{margin-left:0}.serversearch-container{margin-top:var(--gap);color:#888}.serversearch-container span{color:#000}.serversearch-container h2{line-height:20px}.notfound div{color:#888;font-size:16px}.notfound div span{color:#000}.pagination{text-align:center;height:30px;margin:10px 0}.pagination a{width:30px;line-height:30px;position:relative;display:inline-block;margin:0 2px}.pagination a:hover{background-color:#F8F8F8}.pagination .selected{background-color:#F0F0F0;border-radius:var(--radius);color:#000}.pagination .prev{color:#000}.pagination .next{color:#000}.filters{padding:0}.filters>div{margin-top:15px}.filters button{background-color:#F0F0F0;border-radius:var(--radius);border:0;cursor:pointer;height:34px;padding:0 15px}.filters button i{margin-right:5px}.filters button.selected{color:#E73323}.filters button.selected i{color:#EA706B}.filters label{display:block;margin-bottom:5px;font-size:11px;color:#999}.filters label>i{margin-right:5px}.filters a.apply{display:block;background-color:#E0E0E0;border-radius:var(--radius);padding:10px;text-align:center;color:#000;margin-top:20px;font-weight:bold}.filters a.apply:hover{background-color:#E9E9E9}.filters a.apply i{margin-right:5px}.filters section{margin-bottom:10px}.filters section .selected{font-weight:bold}.filters section a{margin-bottom:5px;background-color:rgb(255 102 102 / 10%);border-radius:var(--radius);padding:5px;color:#a38c8c}.filters section a span{width:20px;height:20px;line-height:18px;float:left;border:1px solid #000;text-align:center;border-radius:var(--radius);margin-right:5px;color:#000;background-color:#FFF}.filters section a span i{visibility:hidden}.filters section a.selected span i{visibility:visible}.filters section a.selected{font-weight:bold}.sorting{margin:25px 0}.sorting a{position:relative;border:0;padding:3px 0;background-color:#fff;color:#666;margin-left:20px}.sorting a:first-child{margin-left:0}.sorting a:hover{color:#000}.sorting a.selected{color:#000}.sorting a.selected:after{content:'';position:absolute;left:0;bottom:-6px;width:100%;height:2px;background-color:var(--color)}.categories{margin-bottom:10px}.categories i{margin-right:5px;color:var(--color)}.categories a{background-color:#F0F0F0;padding:10px;border-radius:var(--radius);color:#000;margin-bottom:2px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.categories a:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.categories a:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.categories a:hover{text-decoration:none;background-color:#E9E9E9}.categories a.selected{background-color:var(--color);color:#FFF;font-weight:bold}.categories a.selected i{color:#FFF}.categories2{margin-bottom:20px;gap:10px;border-bottom:1px solid #E0E0E0;padding-bottom:20px}.categories2 i{margin-right:5px;color:var(--color)}.categories2 a{background-color:#F0F0F0;padding:10px;color:#000;border-radius:var(--radius);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:none !important}.categories2 a.selected{background-color:var(--color);color:#FFF;font-weight:bold}.categories2 a.selected i{color:#FFF}.categories-toggle, .categories-backdrop, .catpanel-head{display:none}.blog .item{margin-bottom:var(--gap);background-color:#F8F8F8;padding:15px;border-radius:var(--radius)}.blog .item a{font-size:16px;font-weight:bold}.blog .item a span{display:block}.blog .item a img{margin-bottom:15px}.blog .item .date{font-size:12px;margin-top:5px}.blog .item i{margin-right:5px}.blog .item p{margin:8px 0 5px}.buttons span{margin-bottom:10px;background-color:#F0F0F0;border-radius:var(--radius);padding:8px 10px;color:#999;cursor:pointer;font-size:13px;display:block}.buttons span i{margin-right:5px}.buttons span:first-child{margin-left:0}.buttons span:hover{background-color:#E0E0E0}.links a, .links span{position:relative;display:inline-block;margin-left:12px;color:#888;cursor:pointer;border-left:1px solid #E0E0E0;padding-left:12px}.links i{margin-right:5px;color:#337ab7}.links a:first-child, .links span:first-child{margin-left:0;padding-left:0;border-left:0}.links a:hover, .links span:hover{text-decoration:underline}.navtoggle, .navbackdrop{display:none}.logo-xs{display:none}.logo-sm{display:block}@media(max-width:768px){.body{border-radius:0;border:0;border-top:4px solid var(--color);box-shadow:none;margin-top:20px}.categories{position:absolute}.logo-xs{display:block}.logo-sm{display:none}.padding-xs{padding:20px 0}h1{font-size:20px}header nav.mainnav{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100dvh;background:#fff;z-index:80;transform:translateX(-100%);transition:transform .25s ease;overflow-y:auto;padding:72px 20px 20px;margin:0}header nav.mainnav a{display:block;margin:0 0 12px;font-size:16px;color:#333}.navbackdrop{display:block;position:fixed;inset:0;z-index:70;background:rgba(0,0,0,0.35);opacity:0;pointer-events:none;transition:opacity .2s ease}body.nav-open{overflow:hidden}body.nav-open header nav.mainnav{transform:translateX(0)}body.nav-open .navbackdrop{opacity:1;pointer-events:auto}header{min-height:auto;padding:8px 0;position:sticky;top:0;z-index:50;background:#fff;margin-top:0}header .maxwidth{display:grid;grid-template-columns:40px minmax(0, 1fr) auto auto;grid-template-areas:"toggle logo tools cart";align-items:center;column-gap:10px;min-height:56px;position:relative}header .navtoggle{grid-area:toggle;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:var(--radius);background:#fff;color:#333;font-size:28px;padding:0;margin:0;margin-left:-10px}header .logo{grid-area:logo;float:none;margin:0;text-align:center;position:absolute;left:50%;transform:translate(-50%, 0)}header .logo img{height:26px;width:auto;max-width:100%}header .tools{grid-area:tools;float:none;margin:0;font-size:20px;display:inline-flex;align-items:center}header .tools>*{margin-left:15px}header .tools>*:first-child{margin-left:0}header .cart{grid-area:cart;float:none;margin:0;padding:0 0 0 12px;font-size:20px}header .cart ui-bind{right:-5px;bottom:-5px}.action-pill{padding:6px !important;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.checkout .meta{flex-direction:column}.checkout .meta .controls{margin-top:10px}.checkout .checkoutlayout{grid-template-columns:1fr}.checkout .checkoutlayout>div:first-child{order:2}.checkout .checkoutlayout .cartsection{margin-bottom:0}.detail .pictures img{max-width:80px}.breadcrumb{line-height:24px;padding:15px 0}.account .content{grid-template-columns:1fr}.account .info{order:2}.account .orders .item{flex-direction:column-reverse;gap:2px}.account .orders .price{text-align:left}.buttons span{text-align:left}.linkbutton span{display:none}.catalog{display:block;min-height:auto}.categories-toggle{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;margin:0 0 12px;border:1px solid #E0E0E0;border-radius:var(--radius);background:#fff;color:#333;font-size:14px}.categories-close i{margin-right:0 !important}.categories.catpanel{position:fixed;left:0;top:0;width:290px;max-width:84vw;height:100dvh;margin:0;padding:14px;border-radius:0;background:#fff;z-index:85;transform:translateX(-100%);transition:transform .22s ease;overflow-y:auto}.catpanel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}.categories-close{border:0;background:#f5f5f5;width:32px;height:32px;border-radius:var(--radius)}.categories.catpanel a{margin-bottom:6px}.categories-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:80}body.categories-open{overflow:hidden}body.categories-open .categories.catpanel{transform:translateX(0)}body.categories-open .categories-backdrop{opacity:1;pointer-events:auto}.categories2{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;border-bottom:0;-webkit-overflow-scrolling:touch}.categories2 a{flex:0 0 auto;margin:0}}.keyvalue span{display:block;width:auto;float:none}.keyvalue div{margin-left:0;margin-top:3px}.keyvalue{margin-bottom:var(--margin);font-size:14px}.powered{font-size:12px;color:#999;margin:20px auto;padding-top:15px;border-top:1px solid #E0E0E0;max-width:300px}.powered a{color:#999}.searchinput{background-color:#F7F7F7;padding:50px 20px;margin:30px 0 0;border-radius:var(--radius)}.searchinput p{text-align:center;margin-bottom:30px}.searchinput h1{text-align:center;margin-bottom:5px}.searchinput form{display:flex;border:1px solid #E0E0E0;border-radius:var(--radius);padding:0 2px;max-width:600px;width:100%;margin:0 auto;background-color:#FFF}.searchinput input{flex:1;border:0;background-color:#FFF;outline:0;height:40px;border-radius:var(--radius) 0 var(--radius) 0;padding:0 10px}.searchinput button{width:40px;border:0;border-left:1px solid #E0E0E0;height:40px;background-color:#FFF;border-radius:0 var(--radius) var(--radius) 0;margin:0;padding:0} /*! * =========================================================================================== * MERGED: /public/css/landing.css * =========================================================================================== */ :root{--bg:#f2f0ec;--surface:#fff;--text:#2f2d2b;--muted:#6f6b65;--green-1:#93a98f;--green-2:#7f967d;--green-3:#5e6f61;--green-dark:#33463f;--line:#e0dbd3;--shadow:0 16px 38px rgba(45,58,47,0.12)}*{box-sizing:border-box}body{margin:0;font-family:"Nunito", "Segoe UI", Tahoma, sans-serif;color:var(--text)}.logo{font-weight:900;letter-spacing:0.04em;color:var(--green-dark);white-space:nowrap}.mainnav{display:flex;gap:26px;align-items:center}.mainnav a{text-decoration:none;color:var(--text);font-weight:700;font-size:0.95rem}.mainnav a:hover{color:var(--green-3)}.header-actions{display:flex;align-items:center;gap:12px}.action-pill{border:1px solid var(--line);background:#f7f5f2;color:#4a4a48;border-radius:999px;padding:6px 12px;font-family:inherit;font-weight:600}.icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#f7f5f2;color:#5b5a56}.icon-btn:hover, .action-pill:hover{text-decoration:none;color:#000}.lang{color:var(--muted);font-size:0.8rem;font-weight:700;white-space:nowrap}main{margin-top:16px;display:grid;gap:18px}.hero{position:relative;border-radius:18px;overflow:hidden;min-height:400px;display:flex;align-items:stretch;box-shadow:var(--shadow);background-image:url("/img/landing/hero.jpg");background-size:cover;background-position:center}.promo{position:relative;border-radius:18px;overflow:hidden;min-height:400px;display:flex;align-items:stretch;box-shadow:var(--shadow);background-image:url("/img/landing/promo-fish.jpg");background-size:cover;background-position:center}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(98deg, rgba(54, 78, 67, 0.9) 0%, rgba(90, 121, 103, 0.72) 42%, rgba(90, 121, 103, 0.32) 62%, rgba(90, 121, 103, 0) 85%)}.promo::before{content:"";position:absolute;inset:0;background:linear-gradient(98deg, rgba(54, 78, 67, 0.9) 0%, rgba(90, 121, 103, 0.72) 42%, rgba(90, 121, 103, 0.32) 62%, rgba(90, 121, 103, 0) 85%)}.hero-copy{position:relative;z-index:2;padding:40px;min-height:400px;max-width:min(620px, 100%);display:flex;flex-direction:column;justify-content:center;color:#f7f6f3;background:linear-gradient(90deg, rgba(48, 73, 61, 0.78) 0%, rgba(86, 118, 100, 0.58) 46%, rgba(86, 118, 100, 0.18) 100%)}.promo-copy{position:relative;z-index:2;padding:40px;min-height:400px;max-width:min(620px, 100%);display:flex;flex-direction:column;justify-content:center;color:#f7f6f3;background:linear-gradient(90deg, rgba(48, 73, 61, 0.78) 0%, rgba(86, 118, 100, 0.58) 46%, rgba(86, 118, 100, 0.18) 100%)}.hero h1, .promo h2{margin:0;font-size:clamp(2rem, 5.5vw, 3.3rem);line-height:1.03;letter-spacing:0.01em}.hero p, .promo p{margin:14px 0 24px;font-size:clamp(1rem, 2.2vw, 1.5rem);line-height:1.3;color:#fff}.cta{display:inline-block;text-decoration:none;background:#8ea58b;color:#f9f9f7;padding:12px 22px;border-radius:999px;font-weight:800;font-size:0.95rem}.cta:hover{text-decoration:none}.hero-placeholder{display:none}.promo-placeholder{display:none}.benefits{background:#8ea38d;border-radius:14px;padding:14px 20px;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}.benefits article{display:flex;align-items:center;gap:10px;color:#eef4ed}.benefits p{margin:0;font-weight:700;font-size:0.95rem;color:#fff}.benefit-icon{width:28px;height:28px;border-radius:50%;border:2px solid rgba(238, 244, 237, 0.65);position:relative;flex-shrink:0}.benefit-icon::after{content:"";width:9px;height:5px;border-left:2px solid rgba(238, 244, 237, 0.95);border-bottom:2px solid rgba(238, 244, 237, 0.95);transform:rotate(-45deg);position:absolute;left:7px;top:8px}.cards{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px}.card{background:var(--surface);border:1px solid #e9e4dc;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px rgba(66, 68, 56, 0.08)}.card-image{height:240px;background-size:cover;background-repeat:no-repeat;background-position:top}.placeholder-1{background-image:url("/img/landing/card-vet.jpg")}.placeholder-2{background-image:url("/img/landing/card-salon.jpg");background-position:0 28%}.placeholder-3{background-image:url("/img/landing/card-hotel.jpg")}.card-body{text-align:center;padding:18px 16px 22px}.card h2{margin:0;font-size:1.78rem;line-height:1.12;color:#3b352f}.card p{margin:10px 0 16px;color:#68625c;font-size:1.15rem;line-height:1.34}.card a{display:inline-block;text-decoration:none;background:#8ea58b;color:#f9f9f7;padding:9px 18px;border-radius:999px;font-weight:800}.promo h2{font-size:clamp(2.3rem, 5vw, 4rem)}.promo p{font-size:clamp(1rem, 2vw, 1.45rem)}footer .powered{text-align:center}@media (max-width:1000px){.site-header{flex-wrap:nowrap;justify-content:space-between}.mainnav{justify-content:center;flex-wrap:nowrap;gap:16px}.cards{grid-template-columns:1fr 1fr}}@media (max-width:760px){.maxwidth{padding:12px}.site-header{padding:12px;gap:12px}.mainnav{gap:10px 14px}.mainnav a{font-size:0.9rem}.header-actions{flex-wrap:wrap;justify-content:center}.hero-copy, .promo-copy{padding:24px}.benefits{grid-template-columns:1fr;gap:10px;padding:14px}.cards{grid-template-columns:1fr;gap:14px}.card-image{height:160px}.card h2{font-size:1.55rem}.card p{font-size:1rem}}.subpage .sub-header{background:rgba(255, 255, 255, 0.92);border:1px solid #ece7df;border-radius:16px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.subpage .brand-wrap{display:flex;align-items:center;gap:8px}.subpage .brand{text-decoration:none;color:#2f3532;font-weight:900;letter-spacing:0.03em}.subpage .divider{color:#9a978f;font-weight:700}.subpage .section-name{color:#85837d;font-weight:800}.subpage .sub-nav{display:flex;gap:18px;flex-wrap:wrap}.subpage .sub-nav a{text-decoration:none;color:#3f3d39;font-weight:700;font-size:0.95rem}.subpage .sub-nav a:hover{color:#67643a}.subpage .sub-actions{display:flex;align-items:center;gap:10px}.subpage .action-pill{border:1px solid #ddd8cf;border-radius:999px;background:#f7f5f2;color:#55524c;font-family:inherit;font-weight:800;padding:6px 12px}.subpage .lang{color:#7e7b74;font-size:0.8rem;font-weight:700}.subpage .hotel-main{margin-top:16px;display:grid;gap:14px}.subpage .hotel-hero{position:relative;min-height:250px;border-radius:18px;overflow:hidden;box-shadow:0 12px 28px rgba(39, 50, 41, 0.12);background-size:cover}.hotely .hotel-hero{background-image:url("/img/landing/hotely-hero-hotel.jpg");background-position:center right}.salony .hotel-hero{background-image:url("/img/landing/hotely-hero.jpg");background-position:right center}.veterinari .hotel-hero{background-image:url("/img/landing/card-vet.jpg");background-position:right top}.subpage .hotel-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(92deg, rgba(99, 96, 34, 0.92) 0%, rgba(123, 118, 42, 0.82) 34%, rgba(123, 118, 42, 0.4) 58%, rgba(123, 118, 42, 0) 82%)}.subpage .hotel-hero .hero-copy{position:relative;z-index:2;min-height:250px;max-width:min(440px, 100%);padding:26px 26px 24px;color:#faf9f6;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg, rgba(99, 96, 34, 0.85) 0%, rgba(123, 118, 42, 0.58) 52%, rgba(123, 118, 42, 0.18) 100%)}.subpage .hero-icon{width:42px;height:42px;border-radius:50%;background:#6f6c2d;border:2px solid rgba(242, 230, 126, 0.5);display:inline-grid;place-items:center;font-size:1.2rem;margin-bottom:10px}.subpage .hotel-hero .hero-copy h1{margin:0;font-size:clamp(1.9rem, 4vw, 2.9rem);line-height:1.04}.subpage .hotel-hero .hero-copy p{margin:8px 0 16px;font-weight:700;color:rgba(255, 249, 225, 0.92);font-size:1.2rem}.subpage .hero-cta{text-decoration:none;display:inline-block;align-self:flex-start;background:#d0c45e;color:#4b4520;padding:10px 20px;border-radius:999px;font-weight:900}.subpage .hotel-list-section{background:#fff;border-radius:16px}.subpage .list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.subpage .list-toolbar h2{margin:0;font-size:clamp(1.8rem, 3.7vw, 2.4rem);line-height:1}.subpage .list-toolbar p{margin:2px 0 0;color:#9a968f;font-size:1.35rem;font-weight:800}.subpage .filters{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;justify-content:flex-end}.subpage .filter-btn{border-radius:999px;padding:9px 18px;font-family:inherit;font-weight:600;color:#f5f2ea;background:#8fa58d}.subpage .filter-btn.active{background:#7c937a}.subpage .filters input{border:1px solid #d6d2ca;border-radius:999px;padding:9px 14px;min-width:180px;font-family:inherit;font-weight:700;color:#64615c;background:#fbfbfb}.subpage .hotel-list{display:grid;gap:8px}.subpage .hotel-row{border-radius:20px;display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;background:#f2f2f2}.subpage .hotel-main-info{display:flex;align-items:center;gap:10px;min-width:0;padding:10px}.subpage .hotel-main-info h3{margin:0;font-size:clamp(1.1rem, 3vw, 2.1rem);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subpage .hotel-main-info p{margin:4px 0 0;font-size:clamp(0.8rem, 2.2vw, 1.3rem);color:rgba(255, 255, 255, 0.9);font-weight:normal}.subpage .hotel-main-info p i{color:#7c937a}.subpage .row-gold .hotel-main-info p i{color:#ffeb5d}.subpage .row-dark .hotel-main-info p i{color:#fff}.subpage .row-bronze .hotel-main-info p i{color:#ffc375}.subpage .hotel-badge{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:transparent;border:2px solid #7c937a;font-size:1.2rem;flex-shrink:0}.subpage .row-gold .hotel-badge{border-color:#ffeb5d}.subpage .row-dark .hotel-badge{border-color:#fff}.subpage .row-bronze .hotel-badge{border-color:#ffc375}.subpage .hotel-badge.muted{border-color:#9ea09d;background:transparent}.subpage .hotel-phone{margin-left:auto;text-decoration:none;color:inherit;font-size:clamp(1rem, 2.4vw, 1.8rem);font-weight:normal;white-space:nowrap}.subpage .hotel-phone i{color:#7c937a}.subpage .row-gold .hotel-phone i{color:#ffeb5d}.subpage .row-dark .hotel-phone i{color:#fff}.subpage .row-bronze .hotel-phone i{color:#ffc375}.subpage .toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:2px solid currentColor;background:transparent;color:inherit;font-size:1.6rem;font-weight:900}.subpage .toggle i{margin-top:3px}.subpage .toggle.open i{margin-top:0}.subpage .row-gold .hotel-header{background:linear-gradient(90deg,rgba(191, 172, 69, 1) 0%, rgba(213, 198, 105, 1) 100%);color:#fff9d7}.subpage .row-dark .hotel-header{background:linear-gradient(90deg,rgba(145, 145, 145, 1) 0%, rgba(207, 207, 207, 1) 100%);color:#f0f0f0}.subpage .row-bronze .hotel-header{background:linear-gradient(90deg,rgba(156, 124, 77, 1) 0%, rgba(187, 149, 92, 1) 100%);color:#fff5df}.subpage .row-light{background:#ececec;color:#6b6c6b}.subpage .row-light p{color:#8a8b8a}.subpage .row-green{background:#8ea48d;color:#f2f5f2}.subpage .row-light .toggle{color:#8f918e}.subpage .hotel-header{display:flex;align-items:center;border-radius:20px;gap:12px;padding-right:12px}.subpage .hotel-row .hotel-detail{display:none}.subpage .hotel-row.expanded .hotel-detail{display:block;animation:accordionOpen 0.22s ease}.subpage .hotel-detail{grid-column:1 / -1;background:#f3f4f1;border-radius:0 0 12px 12px;border:0;margin-top:0;padding:10px;color:#72786f}@keyframes accordionOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.subpage .detail-columns{display:flex;gap:10px;margin-bottom:10px}.salony .detail-columns{grid-template-columns:1fr 1fr}.subpage .detail-card{border-radius:10px;flex:1 1 auto;min-width:0}.subpage .detail-card-inner{border:1px solid #e0e0e0;border-radius:0 10px 10px 10px;padding:8px}.subpage .detail-card h4{margin:0;display:inline-block;background:#7d977d;color:#f5f9f5;border-radius:10px 10px 0 0;padding:4px 10px;font-size:0.78rem;letter-spacing:0.01em}.subpage .row-gold .detail-card h4{background:linear-gradient(90deg,rgba(191, 172, 69, 1) 0%, rgba(213, 198, 105, 1) 100%)}.subpage .row-dark .detail-card h4{background:linear-gradient(90deg,rgba(145, 145, 145, 1) 0%, rgba(207, 207, 207, 1) 100%)}.subpage .row-bronze .detail-card h4{background:linear-gradient(90deg,rgba(156, 124, 77, 1) 0%, rgba(187, 149, 92, 1) 100%)}.subpage .chip-row{display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-around}.subpage .chip{display:flex;flex-direction:column;align-items:center;font-size:0.74rem;font-weight:600;color:#8b9188;opacity:0.4}.subpage .chip.active{color:#5e7860;border-color:#b8c9b3;opacity:1}.subpage .chip img{height:50px}.subpage .hours-card{border-radius:10px;flex:1 1 auto;min-width:0;margin-bottom:10px}.subpage .hours-card-inner{border:1px solid #e0e0e0;border-radius:0 10px 10px 10px;padding:8px}.subpage .hours-card h4{margin:0;display:inline-block;background:#7d977d;color:#f5f9f5;border-radius:10px 10px 0 0;padding:4px 10px;font-size:0.78rem;letter-spacing:0.01em}.subpage .row-gold .hours-card h4{background:linear-gradient(90deg,rgba(191, 172, 69, 1) 0%, rgba(213, 198, 105, 1) 100%)}.subpage .row-dark .hours-card h4{background:linear-gradient(90deg,rgba(145, 145, 145, 1) 0%, rgba(207, 207, 207, 1) 100%)}.subpage .row-bronze .hours-card h4{background:linear-gradient(90deg,rgba(156, 124, 77, 1) 0%, rgba(187, 149, 92, 1) 100%)}.subpage .hours-card .chip{font-size:24px;opacity:1}.subpage .hours-card .chip span:last-child{font-size:18px}.subpage .hours-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:6px;text-align:center}.subpage .hours-grid div{background:#f8faf6;border:1px solid #d8ddd2;border-radius:8px;padding:6px}.subpage .hours-grid strong{display:block;font-size:0.82rem;color:#66715f}.subpage .hours-grid span{display:block;font-size:0.74rem;font-weight:700;color:#8a9086}.subpage .contact-row{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:8px;font-size:0.8rem;color:#7e847b;font-weight:600}.subpage .contact-row span{display:flex;align-items:center;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subpage .contact-row span i{font-size:24px}.subpage .row-gold .contact-row span i{color:#c8bc55}.subpage .row-dark .contact-row span i{color:#6d6d6d}.subpage .row-bronze .contact-row span i{color:#b5915b}@keyframes accordionOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.subpage .sub-header{flex-wrap:wrap;justify-content:center}.subpage .sub-nav{justify-content:center}.subpage .list-toolbar{flex-direction:column;align-items:flex-start}.subpage .filters{width:100%;justify-content:flex-start}.subpage .detail-columns{grid-template-columns:1fr 1fr}}@media (max-width:820px){.subpage .hotel-row{grid-template-columns:minmax(0, 1fr) 42px}.subpage .hotel-phone{grid-column:1 / 2;padding-left:50px;font-size:1.1rem}.subpage .row-light .hotel-phone{display:none}.subpage .detail-columns{grid-template-columns:1fr}.subpage .hours-grid{grid-template-columns:repeat(4, 1fr)}.subpage .contact-row{grid-template-columns:1fr 1fr}}@media (max-width:620px){.subpage .hotely-page{padding:10px}.subpage .hotel-hero .hero-copy{padding:20px;min-height:220px}.subpage .hotel-main-info h3{white-space:normal}.subpage .hours-grid{grid-template-columns:1fr 1fr}.subpage .contact-row{grid-template-columns:1fr}}.subpage .detail-columns{display:flex;gap:10px;flex-wrap:nowrap;align-items:stretch}.subpage .detail-card .chip-row{flex-wrap:wrap;justify-content:flex-start;gap:10px}.subpage .detail-card .chip{min-width:72px}.subpage .hours-card .chip-row{display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));gap:8px;justify-content:stretch}.subpage .hours-card .chip{width:100%}.subpage .filters input{width:min(320px, 100%)}@media (max-width:1100px){.maxwidth, .subpage .hotely-page{padding:16px}.subpage .detail-columns{flex-wrap:wrap}.subpage .detail-columns>.detail-card{flex-basis:calc(50% - 5px)}}@media (max-width:900px){.subpage .sub-header{flex-wrap:wrap;justify-content:flex-start}.subpage .sub-nav{width:100%;order:3;gap:10px 14px}.subpage .sub-actions{margin-left:auto}.subpage .hotel-hero{min-height:220px}.subpage .hotel-hero .hero-copy{min-height:220px;max-width:min(520px, 100%)}.subpage .list-toolbar{flex-direction:column;align-items:flex-start}.subpage .filters{width:100%;justify-content:flex-start}.subpage .filters input{flex:1 1 220px;min-width:0}.subpage .hotel-row{grid-template-columns:minmax(0, 1fr) 42px;row-gap:8px}.subpage .hotel-phone{grid-column:1 / -1;padding-left:50px;font-size:1rem;line-height:1.2}.subpage .contact-row{grid-template-columns:1fr 1fr}.subpage .hours-card .chip-row{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media (max-width:640px){.maxwidth, .subpage .hotely-page{padding:10px}.subpage .hotel-hero{min-height:200px}.subpage .hotel-hero .hero-copy{padding:18px;min-height:200px;max-width:100%}.subpage .hotel-main-info{align-items:flex-start}.subpage .hotel-main-info h3{white-space:normal}.subpage .hotel-main-info p{font-size:0.95rem}.subpage .hotel-phone{padding-left:0}.subpage .detail-columns>.detail-card{flex-basis:100%}.subpage .hours-card .chip-row{grid-template-columns:repeat(2, minmax(0, 1fr))}.subpage .hours-card .chip{font-size:18px}.subpage .hours-card .chip span:last-child{font-size:14px}.subpage .contact-row{grid-template-columns:1fr}.subpage .contact-row span{white-space:normal;overflow:visible}}