@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.aws-container .aws-search-form{position:relative;width:100%;float:none!important;display:-webkit-box!important;display:-moz-box!important;display:-ms-flexbox!important;display:-webkit-flex!important;display:flex!important;align-items:stretch;height:44px}.aws-container .aws-search-form *,.aws-search-result{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-hyphens:manual;-webkit-hyphens:manual;hyphens:manual;border-radius:0!important}.aws-container .aws-search-form .aws-loader,.aws-container .aws-search-form .aws-loader:after{border-radius:50%!important;width:20px;height:20px}.aws-container .aws-search-form .aws-wrapper{flex-grow:1;position:relative;vertical-align:top;padding:0;width:100%;overflow:hidden}.aws-container .aws-search-form .aws-loader{position:absolute;display:none;right:10px;top:50%;z-index:999;margin:-10px 0 0;font-size:10px;text-indent:-9999em;border-top:3px solid #ededed;border-right:3px solid #ededed;border-bottom:3px solid #ededed;border-left:3px solid #555}.aws-container .aws-search-form.aws-processing .aws-loader{display:block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 .7s infinite linear;animation:load8 .7s infinite linear}.aws-container .aws-search-label{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.aws-container .aws-search-field{width:100%;max-width:100%;color:#313131;padding:6px;line-height:30px;display:block;font-size:12px;position:relative;z-index:2;-webkit-appearance:none;height:100%;min-height:inherit;margin:0!important;border:1px solid #d8d8d8;outline:0}@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:1024px){.aws-container .aws-search-field{font-size:16px}}.aws-container .aws-search-field::-ms-clear{display:none;width:0;height:0}.aws-container .aws-search-field::-ms-reveal{display:none;width:0;height:0}.aws-container .aws-search-field::-webkit-search-cancel-button,.aws-container .aws-search-field::-webkit-search-decoration,.aws-container .aws-search-field::-webkit-search-results-button,.aws-container .aws-search-field::-webkit-search-results-decoration{display:none}.aws-container .aws-search-field:focus{background-color:#fff}.aws-container .aws-show-clear .aws-search-field{padding-right:40px}.aws-container .aws-search-field:focus::-webkit-input-placeholder{color:transparent}.aws-container .aws-search-field:focus:-moz-placeholder{color:transparent}.aws-container .aws-search-field:focus::-moz-placeholder{color:transparent}.aws-container .aws-search-field:focus:-ms-input-placeholder{color:transparent}.aws-container .aws-search-form .aws-search-clear{display:none!important;position:absolute;top:0;right:0;z-index:2;cursor:pointer;color:#757575;height:100%;width:38px;padding:0 0 0 10px;text-align:left}.aws-container .aws-search-form .aws-search-clear span{position:relative;display:block;font-size:24px;line-height:24px;top:50%;margin-top:-12px}.aws-container .aws-search-form.aws-show-clear.aws-form-active .aws-search-clear{display:block!important}.aws-container .aws-search-form.aws-form-active.aws-processing .aws-search-clear{display:none!important}.aws-container .aws-search-form .aws-search-btn{padding:0;line-height:10px;width:42px}.aws-container .aws-search-form .aws-search-btn_icon{display:inline-block;fill:currentColor;height:24px;line-height:24px;position:relative;width:42px;color:#555}.aws-container .aws-search-form .aws-search-btn svg{display:block;height:100%;width:100%}.aws-container[data-show-page=false] .aws-search-form .aws-search-btn:hover{background:#ededed;cursor:default}.aws-container .aws-search-form .aws-form-btn{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;flex-direction:column;text-align:center;background:#ededed;border:1px solid #d8d8d8;margin:0 0 0-1px;cursor:pointer;position:relative;white-space:nowrap;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color 100ms ease-in-out;-moz-transition:background-color 100ms ease-in-out;-o-transition:background-color 100ms ease-in-out;transition:background-color 100ms ease-in-out}.aws-container .aws-search-form .aws-form-btn:hover{background:#dcdcdc}.aws-container .aws-search-form .aws-form-btn:active{background:#d8d8d8}.aws-container[data-buttons-order="3"] .aws-search-form .aws-wrapper{-webkit-order:2;order:2}.aws-container[data-buttons-order="3"] .aws-search-form .aws-search-btn{margin:0-1px 0 0}.aws-search-result{position:absolute;text-align:left;z-index:9999999999999;background:#fff;width:100%;margin-top:-1px;border:1px solid #ccc;font-size:12px;line-height:16px}.aws-search-result ul{list-style:none;padding:0!important;margin:0!important;max-height:400px;overflow-y:auto}.aws-search-result ul::-webkit-scrollbar-track{-webkit-box-shadow:none;background-color:#ededed}.aws-search-result ul::-webkit-scrollbar{width:7px;background-color:#ededed}.aws-search-result ul::-webkit-scrollbar-thumb{background-color:#d8d8d8}.aws-search-result ul li{list-style:none;border-bottom:1px solid #ccc;overflow:hidden;margin:0!important;position:relative}.aws-search-result ul li:last-child{border-bottom:0}.aws-search-result .aws_result_link{display:block;cursor:pointer;padding:10px 8px;height:100%;overflow:hidden;text-decoration:none;border:0}.aws-search-result .aws_top_text{width:100%;padding:10px 8px;border-bottom:1px solid #ccc}.aws-search-result .aws_result_item.hovered,.aws-search-result .aws_result_item:hover,.aws-search-result .aws_search_more a:hover{background:#f5f5f5}.aws-search-result .aws_results .aws_result_item{position:relative}.aws-search-result .aws_result_item .aws_result_link_top{position:absolute;z-index:1;white-space:nowrap;text-indent:-9999px;overflow:hidden;top:0;bottom:0;left:0;right:0;opacity:0;outline:0;text-decoration:none}.aws-search-result .aws_result_item [data-link],.aws-search-result .aws_result_item a,.aws-search-result .aws_result_item button,.aws-search-result .aws_result_item span[href]{position:relative;z-index:2}.aws-search-result .aws_result_content{overflow:hidden;display:block}.aws-search-result .aws_result_title{display:block;font-weight:400;margin-bottom:3px;color:#21759b}.aws-search-result .aws_result_featured{margin:0 6px 0 0;position:relative;top:-2px;left:3px}.aws-search-result .aws_result_featured svg{width:13px;height:13px;fill:#fa0;vertical-align:bottom}.aws-search-result .aws_result_sku,.aws-search-result .aws_result_stock{display:block;font-weight:400;margin-top:4px;margin-bottom:5px;color:#7ad03a}.aws-search-result .aws_result_stock.out{color:#a44}.aws-search-result .aws_result_sku{margin-top:3px;color:#222}.aws-search-result .aws_result_cat .aws_result_title,.aws-search-result .aws_result_tag .aws_result_title,.aws-search-result .aws_result_top_custom_item .aws_result_title{margin-bottom:2px}.aws-search-result .aws_result_excerpt{display:block;color:#222}.aws-search-result .aws_result_price{display:block;padding:2px 0;color:#222}.aws-search-result .aws_result_price del{background:0 0;padding:0 12px 0 0;opacity:.8;text-decoration:line-through!important}.aws-search-result .aws_result_price ins{background:0 0;padding:0 12px 0 0;opacity:1}.aws-search-result .aws_result_cats{display:block;float:left;margin:0 20px 0 0}.aws-search-result .aws_result_image{display:block;height:100%;float:left;padding:0 10px 0 0}.aws-search-result .aws_result_image img{width:50px;height:auto;box-shadow:none}.aws-search-result .aws_result_sale{display:block;height:42px;overflow:hidden;position:absolute;right:0;top:0;width:47px}.aws-search-result .aws_onsale{background:#77a464 0 0;color:#fff;display:block;float:right;height:20px;padding-top:2px;position:relative;right:-25px;text-align:center;top:3px;transform:rotate(45deg);width:77px}.aws-search-result .aws_no_result{line-height:1.5;padding:10px 6px;cursor:auto}.aws-search-result .aws_search_more a{line-height:40px;display:block;text-decoration:none;border:0;text-align:center;color:#21759b}.aws-search-result .aws_terms_suggestions{line-height:1.7}.aws-search-result .aws_term_suggestion{color:#222;vertical-align:middle}.aws-search-result a.aws_term_suggestion{color:#222;background:#ededed;border:0;border-radius:3px;font-size:13px;padding:2px 5px}.aws-search-result a.aws_term_suggestion:hover{background-color:#dad8da}body.aws-overlay{overflow:hidden!important;position:fixed;width:100%}.aws-container.aws-mobile-fixed{position:fixed!important;z-index:9999999!important;top:10px!important;left:20px!important;width:100%;width:calc(100% - 40px)!important}.aws-mobile-fixed-close{padding:15px;margin-right:-10px;display:inline-block;float:right;cursor:pointer}.aws-overlay-mask{display:block;position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;background:#fff;z-index:9999998!important}.aws-overlay .aws-overlay-mask{opacity:1}.et_search_outer .aws-container{width:60%}.et_search_outer .aws-container .aws-search-form{max-width:100%!important}.et_vertical_nav .et_search_outer .aws-container{width:auto;margin:0 20px 0 0}.et_fixed_nav .et-fixed-header .et_search_outer .aws-container{top:7px}.et_pb_menu__search .aws-container{width:100%}#et-boc .aws-container .aws-search-field{border:1px solid #d8d8d8;padding:6px 15px}#et-boc .aws-container .aws-search-form .aws-form-btn{background:#ededed;border:1px solid #d8d8d8;margin:0 0 0-1px}#et-boc .aws-container .aws-search-form .aws-wrapper .aws-loader{border-top:3px solid #ededed;border-right:3px solid #ededed;border-bottom:3px solid #ededed;border-left:3px solid #555;margin:-10px 0 0}#et-boc .aws-container .aws-search-form .aws-search-clear span{margin-top:-12px}#et-boc .aws-container .aws-search-form .aws-search-clear{padding:0 0 0 10px}.aws-search-result .aws_result_title .advanced-woo-labels{position:relative!important;width:auto!important;margin:0 5px 5px 0!important;transform:none!important}.aws-search-result .aws_result_title .advanced-woo-labels:last-child{margin-bottom:0!important}.aws-search-result .aws_result_title .aws_result_labels{display:flex;margin:0!important;flex-wrap:wrap;flex-direction:row;text-align:left;justify-content:flex-start}.hz-archive { max-width: 1280px; margin: 0 auto; padding: 0 20px 60px; } .hz-archive__hero {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
border-radius: 16px;
padding: 48px 40px;
margin: 24px 0 32px;
text-align: center;
color: #fff;
}
.hz-archive__title {
font-size: 36px;
font-weight: 800;
margin: 0 0 8px;
letter-spacing: -0.5px;
}
.hz-archive__subtitle {
font-size: 16px;
color: rgba(255,255,255,0.7);
margin: 0;
max-width: 600px;
margin: 0 auto;
} .hz-archive__filters {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 28px;
padding-bottom: 16px;
border-bottom: 1px solid #eee;
}
.hz-archive__filter {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
border-radius: 20px;
font-size: 14px;
font-weight: 600;
color: #555;
background: #f5f5f5;
text-decoration: none;
transition: all 0.2s;
white-space: nowrap;
}
.hz-archive__filter:hover {
background: #eee;
color: #1a1a2e;
}
.hz-archive__filter--active {
background: #EC641E;
color: #fff;
}
.hz-archive__filter--active:hover {
background: #d55a1a;
color: #fff;
}
.hz-archive__filter-count {
font-size: 11px;
background: rgba(0,0,0,0.1);
padding: 2px 6px;
border-radius: 10px;
}
.hz-archive__filter--active .hz-archive__filter-count {
background: rgba(255,255,255,0.25);
} .hz-archive__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
} .hz-archive__card {
display: flex;
flex-direction: column;
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
text-decoration: none;
color: inherit;
transition: transform 0.2s, box-shadow 0.2s;
}
.hz-archive__card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}
.hz-archive__card-img {
width: 100%;
aspect-ratio: 16/10;
background: #f0f0f0;
background-size: cover;
background-position: center;
position: relative;
}
.hz-archive__card-noimg {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.hz-archive__card-body {
padding: 20px;
display: flex;
flex-direction: column;
flex: 1;
}
.hz-archive__card-cat {
display: inline-block;
font-size: 12px;
font-weight: 700;
color: #EC641E;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 8px;
}
.hz-archive__card-title {
font-size: 18px;
font-weight: 700;
line-height: 1.35;
margin: 0 0 auto;
color: #1a1a2e;
}
.hz-archive__card:hover .hz-archive__card-title {
color: #EC641E;
}
.hz-archive__card-excerpt {
font-size: 14px;
color: #666;
line-height: 1.6;
margin: 12px 0 0;
}
.hz-archive__card-meta {
display: flex;
gap: 12px;
font-size: 13px;
color: #999;
margin-top: 16px;
padding-top: 12px;
border-top: 1px solid #f0f0f0;
} .hz-archive__card--hero {
grid-column: 1 / -1;
flex-direction: row;
}
.hz-archive__card--hero .hz-archive__card-img {
width: 55%;
aspect-ratio: auto;
min-height: 300px;
}
.hz-archive__card--hero .hz-archive__card-body {
width: 45%;
padding: 32px;
justify-content: center;
}
.hz-archive__card--hero .hz-archive__card-title {
font-size: 26px;
} .hz-archive__pagination {
margin-top: 40px;
text-align: center;
}
.hz-archive__pagination ul {
list-style: none;
display: flex;
justify-content: center;
gap: 6px;
padding: 0;
margin: 0;
}
.hz-archive__pagination li {
display: inline-block;
}
.hz-archive__pagination a,
.hz-archive__pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 12px;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
color: #555;
background: #f5f5f5;
transition: all 0.2s;
}
.hz-archive__pagination a:hover {
background: #EC641E;
color: #fff;
}
.hz-archive__pagination .current {
background: #EC641E;
color: #fff;
} .hz-archive__empty {
text-align: center;
padding: 80px 20px;
color: #999;
font-size: 18px;
} @media (max-width: 900px) {
.hz-archive__grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
.hz-archive__card--hero { flex-direction: column; }
.hz-archive__card--hero .hz-archive__card-img { width: 100%; min-height: 200px; aspect-ratio: 16/10; }
.hz-archive__card--hero .hz-archive__card-body { width: 100%; padding: 20px; }
.hz-archive__card--hero .hz-archive__card-title { font-size: 20px; }
.hz-archive__hero { padding: 32px 20px; }
.hz-archive__title { font-size: 28px; }
}
@media (max-width: 600px) {
.hz-archive__grid { grid-template-columns: 1fr; }
.hz-archive__filters { gap: 6px; }
.hz-archive__filter { padding: 6px 12px; font-size: 13px; }
.hz-archive__title { font-size: 24px; }
.hz-archive__subtitle { font-size: 14px; }
}