Điện Máy & Thiết Bị MiniSmart – Nơi bạn tìm thấy những sản phẩm nhỏ gọn và thông minh

Công thức món ăn

}0,500;0,700;1,400&display=swap"); @font-face { font-family: 'VL Bebas Neue'; src: url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.eot"); src: url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.eot?#iefix") format('embedded-opentype'), url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.woff2") format('woff2'), url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.woff") format('woff'), url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.ttf") format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } #footer {color: #333} .home .menu-all-site > .menu {display: block;} .row {margin-left: -10px;margin-right: -10px} .row > div {padding-left: 10px;padding-right: 10px;} .col-md-3:nth-child(4n+1) , .col-md-6:nth-child(2n+1) , .col-md-4:nth-child(3n+1){clear:both;} .footer-main li{list-style: none;padding-bottom: 5px;} .sidebar li{padding: 5px 0} .sidebar {margin-bottom: 20px;} .footer-main li a{display: block;padding: 5px 0;font-weight: normal;color: #333;} .footer-main li a:before{content: "\f0da";font: normal normal normal 14px/1 FontAwesome; padding-right: 5px;} body{font-family: 'Cabin', sans-serif;}:;font-family: 'Roboto', sans-serif; .n2:nth-child(2n+1){clear: left;} .n3:nth-child(3n+1){clear: left;} .n4:nth-child(4n+1){clear: left;} .n5:nth-child(5n+1){clear: left;} .product-content ul{padding-left: 20px;} .product-content ul li{list-style: inside} .logo img {max-height: 58px;width: auto;} .n6:nth-child(6n+1){clear: left;} #comments{margin: 20px auto;} #wpd-post-rating{margin-bottom: 20px;} #wpdcom .wpd-thread-list{padding: 20px 0;} .p20{padding: 20px 0} .screen-reader-text { display: none;} #back-top { position: fixed; bottom: 30px; right: 30px; z-index: 9999;} #back-top .fa {border-radius: 3px; width: 30px; height: 30px; background: #000; color: #fff; font-size: 14px; text-align: center; opacity: 0.4; line-height: 30px;} #back-top .fa:hover{opacity: 1;background: #003057} .tagged_as{font-weight: 700;padding: 6px 0;border-top: 1px solid #ddd;border-bottom: 0px solid #ddd;margin: 10px 0} .tagged_as a{ font-size: 12px; color: #666; background: #f1f1f1; margin: 3px; display: inline-block; float: none;font-weight: 500; padding: 3px 7px; border-radius: 3px;} .head.navbar-fixed-top { animation: stuckMoveDown .6s; background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,0.15); } @keyframes stuckMoveDown { 0%{transform:translateY(-100%)} 100%{transform:translateY(0)} } @keyframes stuckMoveUp { 0%{transform:translateY(100%)} 100%{transform:translateY(0)} } @keyframes stuckFadeIn { 0%{opacity:0} 100%{opacity:1} } .breadcrumbs{ padding: 10px 0;background: #f5f5f5;} .breadcrumbs .slash{margin: 0 7px;} .breadcrumbs .home .fa{font-size: 18px;} a{transition: all 300ms ease-in-out;} .container{} .row10{margin: 0 -10px;} .row5{margin: 0 -5px} .row10 >div{padding: 0 10px;} .row5 >div{padding: 0 5px} .center{text-align: center;} .left{text-align: left;} .right{text-align: right;} .bold{font-weight: bold;} .uppe{text-transform: uppercase;} .flex{display: flex;align-items: center;flex-wrap: wrap;} /* 'row-reverse' Dùng cho trường hợp đảo trái phải phần tử con */ .row-reverse{flex-direction: row-reverse;} .table_cell{display: table;} .table_cell>div{display: table-cell;} .supports{ position: fixed; right: 0; background: #fffe; border-radius: 5px; width: auto; z-index: 150; bottom: 20%; padding: 10px 0; border: 1px solid #f2f2f2;} .supports ul{list-style: none;margin: 0;} .supports ul li a{ border: none; padding: 3px; display: block; border-radius: 5px; text-align: center; font-size: 10px; line-height: 15px; color: #515151; font-weight: 700; max-width: 72.19px; max-height: 54px; text-decoration: none;} .supports ul li a .icon{width: 36px;height: 36px;display: block;background-repeat: no-repeat;background-size: contain;margin: 0 auto;background-position: center center} .supports ul li a .icon_local{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/widget_icon_map.svg");} .supports ul li a .icon_zalo{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/widget_icon_zalo.svg");} .supports ul li a .icon_call{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/widget_icon_click_to_call.svg");} .supports ul li a .icon_mess{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/Messenger.svg");} .supports ul li a .icon_sms{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/widget_icon_contact_form.svg");} .modal-content { border: none; box-shadow: none; border-radius: .5rem; position: relative; background-color: #fff; background-clip: padding-box; outline: 0;} .modal-header { background-color: #045d2d; color: #fff; padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px;} .modal-header .modal-title { position: relative; min-height: 44px; font-weight: 400; font-size: 18px; line-height: normal; margin: 0; line-height: 44px; color: #fff;} button.close { position: absolute; right: 15px; top: 30px; color: #fff; opacity: 1;} .pop_box input[type=submit] { background-color: #045d2d; color: #fff;margin-bottom: 0 margin-top: 15px;} .modal-dialog{margin: 80px auto 0} .btn, input[type="submit"] { display: inline-block; height: 40px; line-height: 39px; padding: 0 20px; text-align: center; white-space: nowrap; outline: none!important; cursor: pointer; border: none; font-weight: 400; border-radius: 0; letter-spacing: 0; -webkit-transition: background-color .1s ease-in; -moz-transition: background-color .1s ease-in; -ms-transition: background-color .1s ease-in; -o-transition: background-color .1s ease-in; transition: background-color .1s ease-in; -webkit-border-radius: 0; border-radius: 0;} input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="tel"], textarea, select { border: 1px solid #e1e1e1; padding: 7px 10px; width: 100%;margin-bottom: 10px; max-width: 100%; display: block;} input[type='button'] { position: relative; display: inline-block; background-color: transparent; text-transform: uppercase; -ms-touch-action: none; touch-action: none; cursor: pointer; font-weight: bolder; text-align: center; color: currentColor; text-decoration: none; border: 1px solid transparent; vertical-align: middle; border-radius: 0; margin-top: 0; margin-right: 1em; text-shadow: none; padding: 0 1.2em; max-width: 100%; transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s; text-rendering: optimizeLegibility; box-sizing: border-box;} .woocommerce-product-details__short-description {padding-bottom: 20px;} .woocommerce-product-details__short-description ul{padding-left: 20px;} .woocommerce-product-details__short-description ul li{list-style: inside;padding-bottom: 2px;} .buttons_added input {width: 45px; border: 1px solid #777; margin: 0; height:45px; display: inline-block; vertical-align: middle; padding: 0 10px;} .devvn-popup-title{height: auto;padding: 10px;background: #045d2d;} .popup-customer-info-group .devvn-order-btn{background: #045d2d;} .woocommerce .quantity .qty { width: 50px; display: inline-block; text-align: center; height: 45px;} .sidebar .widget_nav_menu li a:hover{padding-left: 10px;} .sidebar .widget_nav_menu li a{display: block;padding: 5px 0;font-weight: bold;border-bottom: 1px solid #ddd;} .woocommerce div.product p.price, .woocommerce div.product span.price {color: red} .woocommerce #reviews #comments h2 { clear: none; text-align: left; font-weight: 700; padding: 10px 0;} .woocommerce div.product form.cart .button{float: none} .mfp-content .devvn-popup-quickbuy a.devvn_buy_now_style{display: none;} .woocommerce .star-rating span .rating {display: none} .woocommerce .woocommerce-product-rating .star-rating span::before{top: 2px;color: #f5a623} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #045d2d; color: #fff; -webkit-font-smoothing: antialiased; border-radius: 0;} a.devvn_buy_now_style{display: block;margin-top: 20px;} .woocommerce .star-rating span {top: -5px;} .devvn_review_mid .star-rating span::before {top: 2px !important;} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ border: 1px solid #ddd;padding: 7px;} .image-product{position: relative;} .woocommerce a.remove { width: 30px; height: 22px; position: relative; transition: opacity 200ms; vertical-align: top; display: block; -webkit-appearance: none; background: none; border: none; cursor: pointer; outline: none; padding: 0; text-indent: -9999px; } .woocommerce a.remove:before, .woocommerce a.remove:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat; left: 8px; position: absolute; right: 8px; top: 2px; display: inline-block; content: ''; } .woocommerce a.remove:before{ height: 6px; transform-origin: -7% 100%; -moz-transform-origin: -7% 100%; -webkit-transform-origin: -7% 100%; transition: transform 150ms; -moz-transition: transform 150ms; -webkit-transition: transform 150ms; width: 14px; } .woocommerce a.remove:after{ background-position: -1px -4px; height: 12px; margin-left: 1px; margin-right: 2px; margin-top: 4px; width: 11px; } .woocommerce a.remove:hover:before{ transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: transform 250ms; -moz-transition: transform 250ms; -webkit-transition: transform 250ms; } .woocommerce a.remove:hover { background: transparent; } .wp-pagenavi { text-align: center; padding: 20px 0; } .wp-pagenavi a, .wp-pagenavi span { width: 36px; height: 36px; border: 1px solid #666; line-height: 34px; text-align: center; color: #666; display: inline-block; padding: 0 10px; } .wp-pagenavi span.pages, .wp-pagenavi a.last, .wp-pagenavi a.first { width: auto; } .wp-pagenavi span.current, .wp-pagenavi a:hover { background: #666; color: #fff; border-color: #666; } *{margin:0;padding:0;line-height:1.5} a:hover,a:focus,a:visited{text-decoration:none;outline:none} a{text-decoration:none;cursor:pointer;color:#333} img{max-width:100%;border:none;height:auto} p.wp-caption-text{text-align:center} #content_pages{padding-bottom: 30px;} .entry-title{font-size: 24px;margin-bottom: 15px;} .img_single img{width: 100%;height: auto;} .user-meta{color: #000;letter-spacing: 1px;font-size: 12px;text-transform: uppercase;padding-bottom: 20px;background: #ededed;padding: 5px;margin-bottom: 15px;} .logo {padding: 10px 0; } .head-hotline a{display: inline-block; text-align: center; background: #eee; border-radius: 4px; padding: 10px 30px 10px 30px;} .head-hotline a span{display: block;}.head-hotline strong{color: #faa809} .user-meta a{font-weight: 500;} .content-post img{display:block;margin:15px auto} .content-post hr{margin: 10px 0;} .content-post iframe{display: block;margin: 15px auto;} .content-post p{margin-bottom: 10px;} .content-post p img{margin: 0 auto;} .content-post ul,.content-post ol{margin-left: 24px;margin-bottom: 10px;} .content-post table{margin-bottom: 10px;} .content-post h1,.content-post h2,.content-post h3,.content-post h4,.content-post h5,.content-post h6{} .content-post h1{font-size: 22px;} .content-post h2{font-size: 20px;} .content-post h3{font-size: 18px;} .content-post h4{font-size: 16px;} .content-post h5,.content-post h6{font-size: 15px;} .content-post blockquote{ background-color: #E4F0FB; padding: 10px 20px; border: 3px solid #C2DFF9; border-radius: 4px; margin: 10px 0 15px; text-align: justify;font-size: 15px;font-weight: 600;} .content-post blockquote:before{content: ""; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/before.png"); display: block; width: 32px; height: 26px; float: left; margin-right: 20px;} .content-post blockquote:after{ content: ""; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/after.png"); display: block; width: 32px; height: 26px; float: right;} .content-post blockquote *{display: inline;} .content-post a{font-weight: 500;color: #33b5e5} .wp-caption.aligncenter{max-width:100%!important} .alignnone{margin:5px 20px 20px 0} .aligncenter,div.aligncenter{display:block;margin:5px auto} .alignright{float:right;margin:5px 0 20px 20px} .alignleft{float:left;margin:5px 20px 20px 0} .aligncenter{display:block;margin:5px auto} a img.alignright{float:right;margin:5px 0 20px 20px} a img.alignnone{margin:5px 20px 20px 0} a img.alignleft{float:left;margin:5px 20px 20px 0} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center} .wp-caption.alignnone{margin:5px 20px 20px 0} .wp-caption.alignleft{margin:5px 20px 20px 0} .wp-caption.alignright{margin:5px 0 20px 20px} .wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto} .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;text-align:center;margin:0;padding:0 4px 5px} div.wpcf7 .ajax-loader{position:absolute} .widget-tabs{padding:7px;margin-bottom:0;border:0;list-style:none;margin-left:0;margin-right:0;background-color:#33b5e5;margin-bottom:1.7rem;word-wrap:break-word} .tabs-2 li{width:50%} .nav-tabs .nav-link,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:0;color:#fff} .nav-tabs .nav-item.active .nav-link,.nav>li>a:focus,.nav>li>a:hover,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:rgba(255,255,255,0.2);color:#fff;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px} .widget-content .single-post:last-of-type{border-bottom:none} .widget-tabs-content .img img{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);width:100%} #back-top{display:none} .widget-content .single-post { padding-bottom: 12px; border-bottom: 1px #efefef dotted; padding-top: 12px; } .widget-content .single-post h3.title { font-size: 14px; margin-bottom: 2px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .widget-tabs-content h3.title{font-weight:400;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#424242;font-size:16px} .widget-tabs-content h3.title a{color:#424242} .text-muted{color:#636c72;display:block;margin-top:10px;font-size:14px;font-weight:400} .widget-content .single-post .text-muted { font-size: 12px; color: #666; margin-top: 0; font-weight: 300; } .form-group{margin-bottom:18px;position:relative} .form-group .input{} .form-group input[type='email'],.form-group input[type='date'],.form-group input[type='search'], .form-group input[type='number'], .form-group input[type='text'], .form-group input[type='tel'], .form-group input[type='url'], .form-group input[type='password'], .form-group textarea,.form-group select{margin: 0;outline: none;padding: 10px 12px;border: 1px solid #8c6e4a;box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);color: #333;transition: color .3s, border .3s, background .3s, opacity .3s;} .form-group input[type='email']:focus,.form-group input[type='date']:focus,.form-group input[type='search']:focus, .form-group input[type='number']:focus, .form-group input[type='text']:focus, .form-group input[type='tel']:focus, .form-group input[type='url']:focus, .form-group input[type='password']:focus, .form-group textarea:focus,.form-group select:focus{box-shadow: 0 0 5px #ccc;} .form-button input[type="submit"] {color: #fff;text-transform: uppercase;font-size: 16px;background: #8b6e4b;transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;} .form-button input[type="submit"]:hover{box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);} .woocommerce-product-search{position: relative;} .woocommerce-product-search input.search-field{width: calc(100% - 35px);float: left;outline: none;margin: 0;height: 46px;line-height: 44px;padding: 0 10px;border: 1px solid #8c6e4a;font-size: 13px;} .woocommerce-product-search button{color: #fff;font-size: 16px;line-height: 46px;background: #8b6e4b;width: 35px;float: left;text-align: center;border: none;outline: none;transition: all .3s} .woocommerce-product-search button:hover{background: #6f583c} .wpcf7-form-control-wrap{position:initial} .wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px} .wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px} .wpcf7 .wpcf7-validation-errors{display:none!important} .owl-carousel .owl-dots{text-align: center;margin-top: 10px;} .owl-carousel .owl-dots > *{display: inline-block;zoom: 1;} .owl-carousel .owl-dots .owl-dot{outline: none;background: none;} .owl-carousel .owl-dots .owl-dot span {width: 11px;height: 11px;border: 1px solid #869791;border-radius: 50%;margin: 0 5px;display: block;} .owl-carousel .owl-dots .owl-dot.active span{background: #fff;border-color: #fff;} .owl-carousel .owl-nav button{position: absolute;top: 50%;transform: translateY(-50%);outline: none;background: none;} .owl-carousel .owl-nav button .fa{width: 36px;height: 36px;border: 1px solid #869791;border-radius: 50%;line-height: 34px;text-align: center;} .owl-carousel .owl-nav button span{display: block;height: 50px;line-height: 40px;font-size: 45px;width: 50px;color: #fff;text-align: center; border-radius: 50%; font-family: -webkit-body;} .owl-carousel .owl-nav button.owl-prev span{ color: #333} .owl-carousel .owl-nav button.owl-next span{color: #333} .owl-carousel .owl-nav button.owl-prev{left: 0;} .owl-carousel .owl-nav button.owl-next{right: 0;} .slider_home .owl-dots{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);} .sidebar .widget:not(:last-child){margin-bottom: 20px;} .item_header h3 {font-size: 20px;margin: 0;color:#faa809; } .item_header h3 span {padding: 5px 10px;border: 1px solid} .header_menu ul {margin: 0;background-color: #faa809;} .header_menu ul > li > ul >li:nth-child(1) {width: 100%;} .header_menu ul > li > ul > li >a {font-size: 17px;} .header_menu ul > li > ul > li >a:hover {color: #faa809; } .title_pro h2 a {color:#faa809;color: #333;} .title_pro h2 { color: #343e48 !important; text-transform: uppercase !important; font-family: "VL Bebas Neue" !important; font-weight: 500 !important; font-size: 28px !important;text-align: center;} .title_pro {border-bottom: 0px solid#ddd; margin-bottom: 15px; } .introduce_home {padding: 30px 0;background: #eee;} .box_slider-dt .item img{position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; max-height: 60px; width: 110px !important;} .border-top{border-top: 1px solid #ddd} .box_slider-dt .item {border:0px solid #ddd;padding: 5px;position: relative;height: 80px;background: #fff} .menu_ostp ul li { font-size: 16px; color: #333; } .menu_ostp ul {margin: 0;padding-left: 20px;} .list_content .produc_name h3 a {font-size: 18px; color: #333;text-decoration: revert;} .list_content .produc_name h3 a:hover {color: #faa809; } .list_content .produc_name h3 {margin: 0;margin-bottom: 10px;} .list_content .produc_name {text-align: center;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: bold;} .product-info-view ul {border-bottom: 1px dashed #ddd;padding: 5px 0} .product-info-view li{float: left;} .iconic-woothumbs-all-images-wrap {width: 100%;} .row {margin-left: -10px;margin-right: -10px} .row > div{padding-left: 10px;padding-right: 10px;} .iconic-woothumbs-icon {color: #000} .items {text-align: center;background: #fff; overflow: hidden;margin-bottom: 20px;} .items .img-item {border: 0px solid #e3e3e3;padding: 10px; position: relative;overflow: hidden;} .star-rating {color: #f0ad4e} .items .img-item a{ overflow: hidden; display: block; } .item-product-slider .owl-item > div {padding: 8px;} .items .img-item a img{width: 100%; transition: all 0.5s ease;} div { transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s;} .product-items:hover{-webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%); box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);} .items:hover .img-item a{transform: scale(1.1)} .items .sale-flash {display: none; font-weight: 700; position: absolute; top: 5px; left: 20px; z-index: 9; color: #fff; height: 30px; width: 45px; font-size: 12px; text-align: center; line-height: 30px; background-color: red;} .items .sub-item h3 { padding-bottom: 10px; font-size: 16px;overflow-y: hidden; color: #333; margin: 0; font-weight: 400; line-height: 1.2;} .items .price {font-size: 18px;} .items .sub-item { border: 0px solid #e3e3e3; padding: 10px 15px; border-top: none;} .text-neww h3 a { padding: 0; color: #333; font-size: 16px; display: block; text-decoration: none;} .text-neww h3 a:hover {text-decoration: none;color: #faa809;} .text-neww h3 {margin: 0;} .text-neww p {margin: 0;} .new-home {padding: 30px 0;} .new-home .capt-text { -webkit-box-shadow: 0 0 10px 3px rgba(68,80,85,.15); box-shadow: 0 0 10px 3px rgba(68,80,85,.15);} .new-home .capt-text .text-neww {padding: 10px 15px;} .new-home .capt-text .text-neww .date{ padding: 5px 0; color: #666; font-size: 13px; font-style: italic;} #footer {background-color: #f7f4ec;padding: 0px 0 0;} .footer-title h3 { font-family: "VL Bebas Neue"; font-size: 22px; margin-bottom: 30px; text-transform: uppercase;} .footer-title { margin-bottom: 10px} .menu-footer ul {margin: 0;} .menu-footer ul li {list-style: none;position: relative;padding: 5px 0;} .menu-footer ul li a:before{content: "\f105";position: absolute;transition: all 300ms ease-in-out; top: 3px;left: 5px;font: normal normal normal 14px/1 FontAwesome;} .menu-footer ul li:hover a:before{left: 10px;} .menu-footer ul li:hover a{padding-left: 25px;font-weight: 600;} .menu-footer ul li a {font-size: 14px;color: #fff;display: block;padding-left: 20px;position: relative;} .menu-footer ul li a:hover {text-decoration: none;} .menu-footer ul li {font-size: 15px;color: #fff;position: relative;} .content-post p {font-size: 16px;} .content-post ul li {font-size: 16px;} .breadcrumbs {margin-bottom: 30px;} .loop-text h3 {margin: 0;font-size: 16px;} .loop-text {margin: 15px 0;} .loop-text p {margin: 0;} .loop-text span {margin: 5px 0; display: block;} .prettyPhotoFrame ul li {list-style: none;} .content-post ul {margin: 0;} .related-posts .related-title {font-size: 17px;font-weight: bold;color: #333;margin-bottom: 10px;} .related-posts li a {font-size: 16px; color: #333;} .related-posts li a:hover {color: #faa809;} .image-product .sale-flash {display: block; font-weight: 700; position: absolute; top: 5px; left: 17px; z-index: 9; color: #fff; height: 40px; width: 40px; font-size: 12px; text-align: center; line-height: 35px; background-color: red;} .image-product img {border: 1px solid#f5f5f5;} .related-products {margin-top: 30px;} .related-products .row .col-md-3:nth-child(4n+1){clear: left;} .woocommerce-ordering , .rating_wrap {display: none;} .woocommerce button.button.alt {background: red;} .woocommerce button.button.alt:hover {background: red;} a.devvn_buy_now_style {background: red;} .sibar_taxo ul li a { padding: 5px 10px; color: #333;position: relative; border: 1px solid#f5f5f5; display: block;padding-left: 25px; font-size: 15px;} .searchform {position: relative;} .searchform .submit-input { position: absolute; right: 0px; top: 0px; padding: 8px 15px; color: #faa809; background: #fff; border: 0px;} #woocommerce_price_filter-2 {margin-top: 30px;} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color:red!important; border: 0; margin: 15px;} .footer-sub {background: #faa809;padding: 10px 0} .footer-social .fa { padding: 10px; font-size: 20px;min-width: 40px; display: inline-block; text-align: center; text-decoration: none; margin: 5px 2px; } .sub-f {color: #fff;position: relative; top: 6px;}.sub-f p{margin-bottom: 0} .sub-f input[type="text"]{width: auto;display: inline-block;margin-left: 15px; background-color: rgba(0,0,0,.2);border:0px;} .sub-f input[type="submit"]{color:#faa809 } .fa:hover { opacity: 0.7; } .fa-facebook { background: #3B5998; color: white; } .fa-twitter { background: #55ACEE; color: white; } .fa-google { background: #dd4b39; color: white; } .fa-linkedin { background: #007bb5; color: white; } .fa-youtube { background: #bb0000; color: white; } .fa-instagram { background: #125688; color: white; } .fa-pinterest { background: #cb2027; color: white; } .fa-snapchat-ghost { background: #fffc00; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .fa-skype { background: #00aff0; color: white; } .fa-android { background: #a4c639; color: white; } .fa-dribbble { background: #ea4c89; color: white; } .fa-vimeo { background: #45bbff; color: white; } .fa-tumblr { background: #2c4762; color: white; } .fa-vine { background: #00b489; color: white; } .fa-foursquare { background: #45bbff; color: white; } .fa-stumbleupon { background: #eb4924; color: white; } .fa-flickr { background: #f40083; color: white; } .fa-yahoo { background: #430297; color: white; } .fa-soundcloud { background: #ff5500; color: white; } .fa-reddit { background: #ff5700; color: white; } .fa-rss { background: #ff6600; color: white; } .list_itemhead .item_head{width: calc(100% / 3);float: left;padding-right: 10px; } .list_itemhead .item_head .icon{width: 40px;margin-right: 10px;float: left;} .list_itemhead .item_head p{margin-bottom: 0; overflow: hidden; font-size: 16px; line-height: 1.2; color: #faa809; font-weight: 600;} .list_itemhead .item_head .icon img{width: 40px;height: 40px;} .box_hotline{position: relative;margin-top: 15px;} .box_hotline .item_hot{min-width: 250px; display: inline-block;position: relative; margin: 0 auto;height: 45px;background: #fff;z-index: 9; padding: 5px 0px;border-bottom: 3px solid #faa809; border-top: 3px solid #faa809;} .box_hotline .item_hot a{ font-size: 20px; font-weight: 800; position: relative; color: #faa809; display: inline-block; padding: 0 15px;} .box_hotline .item_hot a:after{ content: '-'; position: absolute; right: -7px; top: 0px;} .box_hotline .item_hot a:last-child:after{display: none;} .box_hotline .hl{position: absolute; display: inline-block; background: #faa809; padding: 3px 10px; color: #fff; left: 50%;height: 27px; transform: translate(-50%, -50%); z-index: 9; top: -10px; text-transform: uppercase;} .box_hotline .hl:before{content: ''; width: 27px; height: 27px; left: -26px; top: 0px; border-top: 27px solid transparent; border-bottom: 0px solid transparent; border-right: 27px solid #faa809; position: absolute;} .box_hotline .hl:after{content: ''; width: 27px; height: 27px; right: -26px; top: 0px; border-top: 27px solid transparent; border-bottom: 0px solid transparent; border-left: 27px solid #faa809; position: absolute;} .box_hotline .item_hot:before{ content: ''; position: absolute; left: -16px; width: 32px; height: 32px; border-left: 3px solid #faa809; border-top: 3px solid #faa809; z-index: 8; top: 3px; transform: rotate(-45deg); transition: transform 150ms ease;} .box_hotline .item_hot:after{ content: ''; position: absolute; right: -16px; width: 32px; height: 32px; border-right: 3px solid #faa809; border-bottom: 3px solid #faa809; z-index: 8; top: 3px; transform: rotate(-45deg); transition: transform 150ms ease;} .box_slider{width: calc(100% - 285px);float: right;} .home_me { padding-bottom: 30px;} .header_menu .menu>li>.sub-menu >li:last-child >a{ border-bottom: none;} .readmore{text-align: right;margin-top: 10px;} .readmore a { color: #fff; border: 2px solid #fff; padding: 5px 20px; background: #faa809; display: inline-block; border-radius: 25px; font-size: 14px;} .readmore a:hover{border: 2px solid #faa809;background: #fff;color: #faa809;} .list_taxo{padding: 30px 0;} .list_taxo .list_content .col-md-3:nth-child(-n + 4) .produc_name{margin-bottom: 30px;} .list_taxo .list_content .produc_name img{width: 100%;height: 165px;object-fit: cover; transition: all 0.5s ease;} .list_taxo .list_content .produc_name a{ overflow: hidden; display: block; text-decoration: none; line-height: 1.2; text-transform: uppercase; min-height: 40px;} .list_taxo .list_content .produc_name:hover a img{transform: scale(1.1);} .device_home{padding: 30px 0;background: #eee;} .row .col-md-3:nth-child(-n + 4) .items{margin-bottom: 20px;} .link-botmen{ height: 40px; display: flex; align-items: center;} .link-botmen a{color: #faa809; font-size: 16px; display: flex; align-items: center; font-weight: 600;} .link-botmen a i{margin-left: 10px;} .copy_right{background: none;padding: 20px 0;margin-top: 15px;} .copy_right p{margin-bottom: 0;color: #fff;} .title_pro .title_pages{ margin: 0; padding: 10px; background-color: #faa809; color: #fff; text-transform: uppercase; display: inline-block; font-size: 17px;} .footer-info {border-top: 1px solid #ddd} .name-title-footer {padding: 10px 0; font-weight: bold; color: #faa809;font-size: 18px;} .copy_right .footer-title{text-align: center;padding: 10px; color: #fff;text-transform: uppercase;font-weight: bold;font-size: 18px;background: #faa809} .title_pro .title_pages span{background-color: #faa809; color: #fff; text-transform: uppercase; display: inline-block; font-size: 17px;} .sibar_taxo .sidebar-title{position: relative; padding-left: 20px;} .sibar_taxo .sidebar-title:before{ content: "\f0c9"; position: absolute; font: normal normal normal 14px/1 FontAwesome; top: 10px; left: 15px; font-size: 18px;} .sibar_taxo ul li a:before{ content: "\f105"; position: absolute; transition: all 300ms ease-in-out; top: 8px; left: 10px; font: normal normal normal 14px/1 FontAwesome;} .sibar_taxo ul li:hover a:before{left: 15px;} .sibar_taxo ul li:hover a{padding-left: 30px;color: #faa809;} .taxo_pro .items{margin-bottom: 30px;} .news_archive .capt-text{margin-bottom: 30px;} .news_archive .row .col-md-4:nth-child(3n+1){clear: left;} .product_title{font-size: 22px;} .sku_pro{padding: 0px 0 10px; border-bottom: 1px solid #666666; margin-bottom: 10px;} .info-product .sale-flash{display: none;} .info-product .price {max-width: 400px;} .info-product .price ins{font-size: 22px;font-weight: bold;} .info-product .price {margin-bottom: 20px;} .content-post ul{padding-left: 15px;} .image-product .sale-flash{display: none;} .woocommerce div.product form.cart div.quantity{float: left;} .woocommerce div.product form.cart .variations label:before{content: "Chọn ";} .woocommerce div.product form.cart .button ,.p-h-b{ float: none; display: block; width: 100%; background: #faa809; padding: 0px 10px; margin-top: 15px; font-size: 16px; color: #fff; text-transform: uppercase; margin-bottom: 0; /* height: 45px; */ line-height: 45px; /* padding: 0 15px; */ display: block;}.c-ht span{ position: absolute; top: -3px; background: #faa809; border-radius: 50%; width: 20px;color: #fff; height: 20px;} .c-ht{float: left; margin-right: 15px; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; color: #333; position: relative; top: 5px;} .woocommerce div.product form.cart .button:hover , .p-h-b:hover { color: #fff} .p-h-b {background: #14689a !important} a.devvn_buy_now_style span{display: none;} a.devvn_buy_now_style { float: none; display: block; width: 100%; border-radius: 0; padding: 12px;background: #faa809; margin-top: 15px; font-size: 18px; text-transform: uppercase; margin-bottom: 0; height: 45px;} .product-info ul li { display: flex; align-items: center; padding: 10px 15px; }.product-info ul li:nth-child(2n+1) { background-color: #f7f4ec; }.product-info ul li span { display: block; width: 225px; } .devvn-popup-title{background: #faa809;} .popup-customer-info-group .devvn-order-btn{background: #faa809;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color: #faa809;} .new-home .capt-text .img_new img{width: 100%;height: 170px;object-fit: cover;} .bdr{border-right: 1px solid #eee;padding-right: 30px;} .cnt_pro{padding: 15px 0;background: #fff;} .tab-head li a { padding: 10px 5px; display: block; background-color: #f4f3ef; color: #343e48; text-transform: uppercase; font-family: "VL Bebas Neue"; font-weight: 500; font-size: 22px; line-height: 1; }.tab-head li { padding: 0px 2px; width: 25%; float: left;list-style: none !important; text-align: center; } .sidebar-pro.sidebar .widget{border:0px;padding: 0} .woocommerce-products-header__title{border-bottom: 0px !important} .items .sub-item{padding: 10px;position: relative;padding-bottom: 50px;} .items .sub-item:hover .btn{background: #faa809;color: #fff} .product-items .price ins {display: block;} .product-items .price del{float: none;} .items .sub-item .btn {position: absolute;left:0px;bottom: 0px;width: 100%;background: none;color: #333;border:0px;border-top: 1px solid #ddd;font-weight: bold;text-transform: uppercase;} @media(max-width:768px) { .product-cat-home-child {position: relative;} .product-cat-home-child a{margin-bottom: 5px;} .cam-ket .container {padding-left: 15px;} .cam-ket .col-md-2{float: left;width: 33.3%} .cam-ket .col-md-2:nth-child(3n+1){clear:both;} .box_slider{width: 100%;} .logo_mb img{height: auto; max-width: 45%;} .header-mobile{box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);} .introduce_home{padding: 20px 0;} .introduce_home .menu_ostp{padding: 15px 0;} .readmore{text-align: center;} .list_content .produc_name h3 a{font-size: 16px;} .list_taxo .list_content .produc_name img{height: 120px;} .list_taxo .list_content .col-md-3:nth-child(-n+4) .produc_name{margin-bottom: 20px;} .list_taxo .list_content .produc_name{margin-bottom: 20px ;} .row .col-md-3:nth-child(-n+4) .items{margin-bottom: 20px;} .items{margin-bottom: 20px;} .link-botmen{display: none;} .device_home{padding: 20px 0 0;} .title_pro{margin-bottom: 20px;} .items .sub-item{padding: 10px;position: relative;} .items .sub-item .btn {position: absolute;left:0px;bottom: 0px;width: 100%} .items .sub-item h3{font-size: 14px;} .new-home .capt-text{margin-bottom: 20px;} #footer{padding: 25px 0 0;} .menu-footer{margin-bottom: 20px;} .row .col-md-4:nth-child(2n+1){clear: left;} .new-home {padding: 20px 0;} .entry-title{margin-bottom: 0;} .related-products .row .col-md-3:nth-child(4n+1){clear: none;} .related-products .row .col-md-3:nth-child(2n+1){clear: left;} .home_me {padding-bottom: 0} .n3:nth-child(2n+1){clear: left;} .n3:nth-child(3n+1){clear: none;} .n5:nth-child(2n+1){clear: none;} .n5:nth-child(2n+1){clear: left;} #sticker .hotline .text b{color:#045d2d;font-size:16px} #sticker .lang{border-top:1px solid #045d2d;padding:12px 15px;text-transform:uppercase} .bg-red{background-color:#faa809} .cl-red{color:#045d2d} #sticker-wrapper{width:310px;max-width:100%;background:rgba(255,255,255,.9);height:100%;border:none;z-index:1;left:-100%;display:block;position:relative;padding:0 0 50px;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;margin:0} #touch-menu .touch-menu-inner,#touch-menu .touch-menu-inner:before,#touch-menu .touch-menu-inner:after{background-color:#888;position:absolute;width:24px;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:5px} .container{width:100%;padding:0 10px;} .row{margin: 0 -10px} .row>div{padding: 0 10px;} iframe{width: 100%} .menu-main{display:none} .header-top{height:3px} .content-header{padding: 5px 0;} .content-header.head.navbar-fixed-top{border-bottom: 1px solid #000} .fixed{position:fixed!important;z-index:1000000;width:100%;background:#fff;top:0;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.3);-moz-box-shadow:0 2px 7px 0 rgba(0,0,0,.1);box-shadow:0 2px 7px 0 rgba(0,0,0,.1)} .num-hl{font-size:18px;font-weight:700} #sticker{width:100%;height:100%;left:0;top:0;z-index:999;visibility:hidden;opacity:0;position:fixed} #sticker.opened{visibility:visible;opacity:1;transition:ease-in-out .3s} #sticker .container{padding:0} #sticker-overlay{opacity:0;visibility:hidden;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out} #sticker.opened #sticker-wrapper{left:0} #sticker.opened #sticker-overlay{opacity:1;visibility:visible} #sticker .tbl,#sticker .tbl-cell{display:block;width:100%} #sticker .sticker-header{width:100%;} #sticker .sticker-header .title{font-size:20px;line-height:75px;text-transform:uppercase;color:#fff;padding:0 50px 0 20px;background: #333;} #sticker .sticker-header .close-menu{width:40px;height:40px;line-height:40px;position:absolute;right:5px;top:17px;cursor:pointer;text-transform:uppercase} #sticker .sticker-header .close-menu:before,#sticker .sticker-header .close-menu:after{width:18px;height:2px;position:absolute;left:50%;top:50%;margin:-1px 0 0 -9px;content:"";background:#fff} #sticker .sticker-header .close-menu:before{transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)} #sticker .sticker-header .close-menu:after{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} #sticker .sticker-body{max-height:calc(100% - 136px);overflow:auto;padding: 10px;} #sticker .search{padding: 10px;background: #333;border-top: 1px solid #aaa;} #sticker .search form{position:relative} #sticker .search form input{width:100%;height:40px;line-height:40px;padding:0 30px 0 15px;background-color:#fff;border:none;outline:none!important;margin-left:0;margin-bottom: 0;} #sticker .search form button{position:absolute;top:7px;right:10px;background:none!important;color:#666;outline:none!important;border:none;font-size:20px;padding:0} #sticker ul.main-menu{display:block;float:none!important;padding:0;margin:0} #sticker .main-menu > li{display:block;border-bottom:1px solid #aaa;padding:0;position:relative;width:100%} #sticker .main-menu > li > a{line-height:14px;padding:11px 45px 11px 5px;display:block;text-align:left;font-weight:400;font-size:14px;text-transform:capitalize} #sticker #sticker-wrapper .main-menu li {position: relative;} #sticker #sticker-wrapper .main-menu li > .fa{position:absolute;right:0;top:0;line-height:39px;width:39px;text-align:center;cursor:pointer;margin:0;font-size:12px;display:block;} #sticker ul.main-menu > li ul{position:static;transform:none;width:100%;padding-left:10px;margin-left:0;background-color:transparent;display:none;margin-bottom:10px} #sticker ul.main-menu > li ul:after{display:none} #sticker ul.main-menu > li ul > li{border-bottom:none;list-style:none;margin-bottom:5px} #sticker ul.main-menu > li ul > li > a{border-bottom:none;padding:7px 10px 7px 20px;} #sticker .sticker-footer{position:absolute;bottom:0;left:0;width:100%;background-color:#333;color:#fff} .sticker-footer .hotline{color:#2d2d2d;text-transform:uppercase;background-color:rgba(0,0,0,0);border:1px solid#fff;padding:7px;text-align:center;border-radius:20px;margin:5px 20px;background-color:#fff} .sticker-footer .hotline a{color:#2d2d2d;font-size:18px;font-weight:700} #sticker .hotline .text{min-height:34px;line-height:34px;background:url("https://minismart.net/wp-content/themes/img/hotline-icon.png") 3px 4px no-repeat;white-space:nowrap;padding:0 10px 0 40px;background-color:#fff!important;border-radius:34px} #sticker .hotline .text span,#sticker .main-menu > li.hotline .text b{display:inline-block;font-weight:600} #sticker .hotline .text span{color:#5d5d5d;text-transform:uppercase;font-size:16px;font-weight:700;margin-bottom:0;padding-right:5px} #touch-menu,.cart_mb{width:30px;height:30px;cursor: pointer; line-height: 30px;text-align: center;border-radius: 4px;background: #faa809;color: #fff;display: inline-block;} .cart_mb{position: relative;float: right;} .cart_mb .count{width: 16px;height: 16px;background: #f00;color: #fff;font-size: 10px;line-height: 16px;text-align: center;position: absolute;top: -5px;right: -5px;border-radius: 50%;} .flex,.flex_al{display: block;} .columns-3,.columns-4,.columns-5,.columns-6{grid-template-columns: repeat(2,1fr);grid-column-gap: 10px;grid-row-gap: 10px;} .columns-2{grid-template-columns: repeat(1,1fr);grid-column-gap: 10px;grid-row-gap: 10px;} .supports{padding: 5px 0 8px;} .supports ul li{width: 20%;float: left;} .supports{width: 100%;bottom: 0;left: 0;border-radius: 0;background: #fff;} #back-top{bottom: 80px;} .supports ul li a .icon_call{width: 54px;height: 54px;background-color: #6cb917;border: 2px solid white;background-size: 27px;border-radius: 50%;margin-bottom: 4px;} .supports ul li.icon_mb{position: relative;top: -23px;} .logo_mb img{height: 60px;} .content-header .container>.row{display: flex;align-items: center;} .content-post{font-size: 14px;} .content-post h1{font-size: 20px;} .content-post h2{font-size: 18px;} .content-post h3,.content-post h4{font-size: 16px;} .content-post h5,.content-post h6{font-size: 14px;} } .button_home{color: #fff;font-weight: 400; z-index: 1; box-shadow: 0 0 15px rgba(0,0,0,.1);text-transform: uppercase; display: inline-block; position: relative; overflow: hidden; font-size: 14px;padding: 0 25px;line-height: 36px; border: 1px solid #ed3126; background: 0 0; letter-spacing: 1px; transition: color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86);} .button_home:before{position: absolute; content: ""; display: block; left: -2px; top: 0; right: -2px; bottom: 0; transform: scale(1,1); transform-origin: left center; z-index: -1; background: #ed3126; transition: transform .45s cubic-bezier(.785,.135,.15,.86),-webkit-transform .45s cubic-bezier(.785,.135,.15,.86);} .button_home:hover:before{transform: scale(0,1); transform-origin: right center;} .links_home{display: inline-block;line-height: 52px;padding: 0 15px;min-width: 260px;font-size: 15px;color: #fff;text-align: center;background-color: rgba(34,34,34,0.7); border-right: 1px solid #f21d54; border-left: 1px solid #40bde6;transition: all .2s;position: relative;} .links_home:before{top: 0;background: -webkit-linear-gradient(left, #40bde6 0%, #354aff 60%, #f21d54 100%); } .links_home:after{bottom: 0; background: -webkit-linear-gradient(left, #40bde6 0%, #354aff 40%, #f21d54 100%);} .links_home:after,.links_home:before{content: "";display: block;width: 100%;height: 1px;position: absolute;left: 0; transition: all .2s;} .links_home:hover{color: #fff;background-color: rgba(255, 255, 255, .2);border-right: 1px solid #40bde6; border-left: 1px solid #f21d54;} .links_home:hover:before{ background: -webkit-linear-gradient(left, #f21d54 0%, #354aff 60%, #40bde6 100%);} .links_home:hover:after{ background: -webkit-linear-gradient(left, #f21d54 0%, #354aff 40%, #40bde6 100%);} h1,h2,h3,h4,h5,h6{margin-top: 0} .h10{height: 10px;display: block;} .h20{height: 20px;display: block;} .h30{height: 30px;display: block;} .h40{height: 40px;display: block;} .h50{height: 50px;display: block;} .h60{height: 60px;display: block;} .img img{width: 100%;height: auto;object-fit: cover;} .box_hidden{height: 300px;overflow-y: scroll;padding-right: 10px;} .box_hidden::-webkit-scrollbar{ width: 8px;background-color: #F5F5F5;} .box_hidden::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #154589;} .box_hidden::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5;} .header_menu { background-color: #faa809;} .header_menu ul{list-style: none;margin: 0;} .header_menu .menu li{position: relative;} .header_menu .menu>li{} .header_menu .menu .sub-menu{position: absolute;z-index: 99;background: #fff;width: 280px; padding: 0; box-shadow: 0 3px 5px rgba(0,0,0,0.3);padding: 0px 0;transition: all .3s;display: none;} .header_menu .menu>li>a{display: block; text-transform: none;font-size: 16px;color: #333;padding: 10px 15px !important;font-weight: normal;border-bottom: 1px solid #f6f6f6} .header_menu .menu>li:hover>a,.header_menu .menu>li.current-menu-item>a{color: #faa809;height:auto;background:#f9f9f9;} .items .img-item:hover .kt-v {display: block;} .kt-v { z-index: 3333; top: 50%; left: 50%; transform: translateX(-50%); transform: translate(-50%,-50%);position: absolute;background: #fff;color: #333;padding: 15px;display: none} .header_menu .menu>li:hover > .sub-menu{display: block;} .header_menu .menu>li.menu-item-has-children>a:after{content: "\f0d7"; font-family: FontAwesome; font-size: 20px; margin-left: 10px;} li{list-style: none} .cam-ket li span{ width: 34px; height: 33px; display: block; margin: 0 auto 5px; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/img/bgbosch.png"); background-repeat: no-repeat; background-position: -105px -51px;} .cam-ket {margin-top: 20px;margin-bottom: 10px;} .owl-nav-top.owl-carousel .owl-nav button.owl-prev {top: -55px; right: 45px;line-height: 34px; left: auto;border:0px solid #ddd; background: #fff;} .home {background: #fff} .owl-nav-top.owl-carousel .owl-nav button.owl-next {top: -55px;background: #fff;border:0px solid #ddd;line-height: 34px;} .title_pro {position: relative;}.owl-nav-top.owl-carousel .owl-nav button.owl-prev span ,.owl-nav-top.owl-carousel .owl-nav button.owl-next span {background: none;color: #333;} .owl-nav-top.owl-carousel .owl-nav button span {width: 40px;height: 40px;line-height: 40px;font-size: 30px;} .product-cat-home-child {position: absolute;right: 0px;top: 5px;} .product-cat-home-child li {float: left;} .product-cat-home-child li a{display: inline-block;padding: 5px 10px;background: #ededed;color: #333;margin-left: 5px;margin-bottom: 5px;} .product-cat-home-child li a:hover{ background: #faa809;color: #fff} .best-product-slider .owl-item > div{padding: 10px;} .list-da-item li:nth-child(2) ,.post-meta{ color: #767676; display: inline-block; position: relative; margin-bottom: 10px; font-size: 16px;} .list-da-item li:nth-child(2):after ,.post-meta:after{ content: ''; height: 1px; width: 35px; background-color: #faa809; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 20px);} .list-da-item li:nth-child(1) a{display: block;overflow: hidden; height: 175px;margin-bottom: 15px;border-radius: 8px;} .list-da-item img{width: 100%;margin-bottom: 15px;object-fit: cover; object-position: center;} .list-da-item {margin-bottom: 15px;} .head-search .search-input {background: rgba(0,0,0,.2);border:0px;} .list-da-item li:nth-child(3) a{display: block;padding-bottom: 10px;font-weight: bold;font-size: 16px;} .header_menu .menu>li>.sub-menu{top: 0%;left: 100%;font-size: 13px;transform-origin: 0 0;} .header_menu .menu>li>.sub-menu li>.sub-menu{top: 0;left: 100%;transform: scaleX(0); transform-origin: 0 0;} .header_menu .menu>li>.sub-menu li>a{color: #6a6a6a;display: block;padding:10px 20px;} .header_menu .menu>li>.sub-menu li.menu-item-has-children>a:after{content: "\f0da";font-family: FontAwesome;font-size: 12px;float: right;} .header_menu .menu>li>.sub-menu li:hover>a{color: #faa809;} .header_menu .menu>li>.sub-menu >li>a{ font-weight: 500; border-bottom: 1px solid #ddd;position: relative; font-size: 15px;} .header_menu {padding-top: 10px;} .menu-all-site{position: relative;z-index: 333;} .menu-all-site > .menu{display: none;position: absolute;top: 100%;left: 0px;background: #fff;padding: 0px; border: 1px solid #e9e9e9;width: 100%; box-shadow: 0 1px 8px rgb(0 0 0 / 8%);} .menu-all-site > span{display: block;background: #fff;color: #333;text-transform: uppercase;font-weight: bold;padding: 12px 10px;cursor: pointer;} .menu-all-site > span > i {float: right;position: relative;top: 3px;} .header_menu .menu>li>.sub-menu >li>a:before{ content: "\f105"; position: absolute; transition: all 300ms ease-in-out; top: 13px; left: 10px; font: normal normal normal 14px/1 FontAwesome;} .head-top { background-color: #f6f6f6;padding: 10px 0} .head-top span {font-weight: bold;color: #ff0000} .header_menu .menu>li>.sub-menu >li:hover >a:before{left: 15px;} .header_menu .menu>li>.sub-menu >li:hover >a{padding-left: 25px;} .menu-main-top {padding-top: 5px;} .product-info-view.p20 {padding-bottom: 0} .menu-main-top .menu{text-align: center;} .menu-main-top .menu > li{display: inline-block;} .menu-main-top li a{display: block;padding: 10px 10px; ;font-weight: bold;text-transform: uppercase; color: #343e48; font-family: "VL Bebas Neue"; font-size: 18px;} .header_menu .menu li:hover>.sub-menu{opacity: 1;visibility: visible;} .header_menu .menu>li:hover>.sub-menu{ transform: scaleY(1);} .header_menu .menu>li>.sub-menu li:hover>.sub-menu{transform: scaleX(1);display: block;} .header_menu .menu>li.menu_3>.sub-menu{width: 660px;padding-left: 10px;padding-right: 10px;} .header_menu .menu>li.menu_3>.sub-menu>li{width: calc(100% / 3);float: left;margin: 5px 0;} .header_menu .menu>li.menu_3>.sub-menu>li>a{text-transform: uppercase;} .header_menu .menu>li.menu_3>.sub-menu>li>a:after{display: none;} .header_menu .menu>li.menu_3>.sub-menu>li .sub-menu{position: initial;visibility: visible;opacity: 1;box-shadow: none;padding: 0;border: none;transform: scaleX(1);} table.variations {} .value.woo-variation-items-wrapper > a {position: absolute;right: 0px;} .value.woo-variation-items-wrapper {position: relative;} .woocommerce div.product form.cart .variations label { font-weight: 700; text-align: left; color: #333; float: left; font-size: 15px; padding: 0px;} .item_news>div{vertical-align: middle;} .item_news{margin-bottom: 20px;position: relative;} .item_news .img{width: 40%;} .item_news .info{padding-left: 20px;padding-right: 20px;} .item_news .img img{height: 220px;} .item_news .info .capt{font-size: 17px;font-weight: 600;} .item_news .info .capt:after{content: "";height: 2px;width: 30px;display: block;margin: 10px 0;background: rgba(0,0,0,0.1);} .item_news .date{position: absolute;width: 44px;height: 44px ;transition: all .3s; border: 2px solid #8b6e4b;background: #fff;color: #8b6e4b;text-align: center;padding: 5px 0;left: -8px;top: 15px;} .item_news .date span{display: block;line-height: 1;font-size: 12px;} .item_news .date span.day{font-size: 16px;} .item_news:hover .date{background: #8b6e4b;color: #fff;} .item_pro {text-align: center;position: relative;} .item_pro .info .capt{font-size: 14px;margin-bottom: 0;letter-spacing: 0.7px;font-weight: normal;text-transform: capitalize;} .item_pro .info .capt a{color: #777;} .item_pro .info{padding-top: 12px;} .item_pro .info .price{font-size: 13px;} .item_pro .info .price del{font-size: 12px;} .item_pro .sale-flash{display: block; font-weight: 700; position: absolute; top: 5px; left: 0; z-index: 9; color: #fff; height: 40px; width: 40px; font-size: 12px; text-align: center; line-height: 35px; background-color: red;} .item_pro .img{position: relative;overflow: hidden;} .item_pro .img .img-2 {opacity: 0;position: absolute;top: 0;left: 0;transition: all .5s;transform: translate(-50px, -50px);} .item_pro:hover .img .img-2{opacity: 1; transform: translate(0);} .item_pro .img .option_cart {position: absolute;right: 15px;bottom: 10px;} .item_pro .img .option_cart a{width: 32px;height: 32px;position: relative;left: 20px; background: #faeae2;border-radius: 50%;line-height: 32px;text-align: center;display:flex;align-items: center;margin-bottom: 5px;opacity: 0;visibility: hidden;} .item_pro .img .option_cart a img{width: 14px;margin: 0 auto;display: block;} .item_pro:hover .img .option_cart a{opacity: 1;visibility: visible;left: 0;} .item_pro .img .option_cart a:hover{background: #e9e9e9;} .rating_wrap{margin-bottom: 2px;} .rating_wrap:after{content: "\f005\f005\f005\f005\f005";font-family: FontAwesome;color: #ffc120;display: block;letter-spacing: 4px;} .price{font-weight: 600;color: #d33;} .price del{margin-right: 5px;font-weight: normal;opacity: .8;color: #545454;font-size: 13px;} .price ins{text-decoration: none;} .sidebar-title ,.entry-title ,.related-posts .related-title{color: #343e48 !important; text-transform: uppercase !important; font-family: "VL Bebas Neue" !important; font-weight: 500 !important; font-size: 28px !important; border-bottom: 1px solid #d6d8db;} .sidebar-title span{} .sidebar ul,.sidebar-pro ul{list-style: none;margin: 0;} .widget_recent_entries li{list-style: inside} .sidebar .widget,.product-categories,.sidebar .woocommerce-widget-layered-nav-list{padding: 12px;background: #fff;border: solid 1px #e5e6ec;} .product-categories>li{border-top: 1px solid #ececec;display: block;} .product-categories>li:first-child{border-top: none;} .product-categories>li>a{padding: 6px 0;display: inline-block;flex: 1;font-size: 16px;} .product-categories li>.children{margin: 0 0 10px 5px;padding: 12px;border: solid 1px #e5e6ec;display: none;} .product-categories li>.children li>a{display: inline-block;padding: 3px 0;} .product-categories li>.fa{float: right;width: 20px;height: 20px;margin: 8px 0;line-height: 20px;text-align: center;cursor: pointer;font-size: 18px;} .product-categories >li>.children li>.fa{font-size: 16px;margin: 3px 0;} .product-categories >li>.children .children{padding: 5px 8px;} .product-categories li.current-cat >.children,.product-categories li.current-cat-parent >.children{display: block;} .product-categories li.current-cat>.fa,.product-categories li.current-cat-parent>.fa{transform: rotate(-180deg);} .sidebar .woocommerce-widget-layered-nav-list {margin: 0 !important} .sidebar .viewed_box .item {padding: 5px 0 8px;} .sidebar .viewed_box .item .thumbnail{float: left;width: 70px;margin-bottom: 0;} .sidebar .viewed_box .item .info{float: left;width: calc(100% - 70px);padding-left: 15px;} .sidebar .viewed_box .item .info .capt{font-size: 16px;margin-bottom: 5px;} .sidebar .viewed_box .item .info .capt a{line-height: normal;} .sidebar .viewed_box .item .info .price{font-size: 16px;} .sidebar .viewed_box .item .info .price del{font-size: 13px;} .sidebar .price_fillter li{padding: 0 5px !important;margin-bottom: 5px !important;} .sidebar .price_fillter li a{display: inline-block;padding:0 0 0 25px !important;position: relative;} .sidebar .price_fillter li a:before { content: ''; font-size: 12px; color: #222; width: 15px; height: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ddd; display: inline-block; margin-right: 5px; font-family: FontAwesome; position: absolute; top: 50%; left: 0; margin: 0; margin-top: -7.5px; } .sidebar .price_fillter li a:active:before,.sidebar .price_fillter li a:focus:before,.sidebar .price_fillter li a:hover:before,.sidebar .price_fillter li a.chosen:before{content: '\f00c';font-size: 12px;line-height: 15px;text-align: center;font-family: FontAwesome;} body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:active, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:focus, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:hover{opacity: 1;color: #e5007f} .sidebar .price_fillter li a:active:before,.sidebar .price_fillter li a:focus:before,.sidebar .price_fillter li a:hover:before,.sidebar .price_fillter li a.chosen:before,body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:active::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:focus::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:hover::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li.chosen a::before{color: #e5007f;border-color: #e5007f;} .rm_button{text-align: center;margin: 30px auto 20px;position: relative;} .rm_button:before { content: ''; position: absolute; height: 60px; left: 0; right: 0; background: linear-gradient(transparent, #fff); bottom: 57px; } .header_main {background: #fff} .rm_button span{display: inline-block;padding: 8px 20px;border-radius: 5px;color: #fff;font-size: 15px;text-transform: uppercase;cursor: pointer;background: #e5007f} .quick-contact span { padding: 0 0 0 28px; }.quick-contact span:before { content: ""; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; background-color: #faa809; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/img/footer-sprite.png"); background-repeat: no-repeat; }.footer-info {padding-bottom: 50px;} .footer-support {position: fixed; bottom: 0; background-color: #faa809; height: 50px; left: 0; right: 0; padding: 10px 0 10px; color: #fff; transition: all .4s ease-out; z-index: 1000; opacity: .9;}.quick-contact .address span:before { height: 17px; background-position: center 0; }.quick-contact .email span:before { background-position: center -17px; }.quick-contact .phone span:before { background-position: center -33px; }.quick-contact li{position: relative;} .footer-support li{display: inline-block;padding: 0 15px;} .footer-top .footer-top-item { margin-right: 90px; }i.icon { width: 25px; height: 25px; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/img/basspro-sprite-icons-v01.svg"); background-size: 1000%; }.footer-top .footer-top-item i { margin-right: 10px; }i.icon.icon-comment { background-position: 480px 160px; display: block; background-size: auto; width: 40px; height: 40px; }i.icon.icon-envelope { background-position: 600px 120px; display: block; background-size: auto; width: 40px; height: 40px; }i.icon.icon-phone { background-position: 480px 120px; display: block; background-size: auto; width: 40px; height: 40px; }.align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }.footer-top { padding: 20px 0px; }.border-bottom { border-bottom: 1px solid #d6d8db; } .container { max-width: 1300px; }.footer-top .footer-text-item h3 { font-family: "VL Bebas Neue"; margin-bottom: 0px; font-size: 22px; } @media (min-width: 1300px){ .container { width: 1300px; } } .footer-top h3{font-size: 18px;margin: 0} .footer-main { padding: 30px 0px;} .footer-bottom-top ul li { margin-right: 20px; display: inline-block; vertical-align: middle; } .footer-bottom-top h2{ font-family: "VL Bebas Neue"; font-size: 22px; margin-bottom: 30px; text-transform: uppercase;margin: 0} .footer-bottom-top { padding: 20px 0px; } .footer-bottom-top ul { margin-left: 20px; }.footer-bottom-main { padding: 10px 0px; }.footer-bottom-main p{margin-bottom: 0} .header-top ul li { display: inline-block; margin-right: 30px; }.header-top { padding: 15px 0px; border-bottom: 1px solid #d6d8db; }.header-top i { margin-right: 5px; }.header-top p.payment { margin-left: 50px; }.header-top p.payment a { color: #faa809; } .head-search .searchform{float: left;max-width: 250px;overflow: hidden;border:1px solid #ddd;border-radius: 20px;margin-right: 20px;} .head-search .search-input {background: #fff;border-radius: 20px;margin-bottom: 0} .head-search .searchform .submit-input{top: 1px;} .bg-title {} .position-relative { position: relative; }.banner-page img { height: 190px; width: 100%; object-position: center; object-fit: cover; display: block; }.position-center-auto { position: absolute; top: 50%; transform: translateY(-50%); }.banner-page h2 { font-size: 60px; font-family: "VL Bebas Neue"; color: #fff; font-weight: 500; }.right-0 { right: 0; } .left-0 { left: 0; } .form-contact .wpcf7{padding: 30px 30px 50px; background-color: #f6f6f6;} .woocommerce div.product .product_title {font-size: 38px; margin-bottom: 10px;} .sku_pro {display: none} .price del {float: right;font-size: 16px;} .quantity.buttons_added:before{content: 'Số lượng:';padding-right: 10px;} .flr {float: right;} .featured-product { position: relative;margin-top: 50px; margin-bottom: 150px; } .featured-product .backgound { width: 100%; height: 432px; object-fit: cover; object-position: center center; position: absolute; top: 160px; left: 0; right: 0; } .featured-product .product-items { -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%); box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%); } .main-banner { height: 385px; background-position: center center; background-size: cover; position: relative; }.main-banner .content { background-color: #261100; position: absolute; top: 53%; transform: translateY(-50%); z-index: 999; text-align: center; padding: 35px 80px; }.main-banner .content h2 { text-transform: uppercase; font-size: 100px; font-family: "VL Bebas Neue"; color: #fff; text-align: center; line-height: 1; font-weight: 500; }.main-banner .content h3 { color: #fff; line-height: 1; text-align: center; font-size: 70px; font-family: "VL Bebas Neue"; font-weight: 500; margin-bottom: 20px; }.main-banner .content .title-top-banner { position: absolute; top: -10px; }.main-banner .content h4 { text-transform: uppercase; color: #fff; font-size: 18px; text-align: center; position: relative; display: inline-block; margin-bottom: 15px; position: relative; }.btn-secondary { display: inline-block; text-transform: uppercase; color: #fff; border: 1px solid #fff; padding: 11px 28px; font-weight: 500; } .our-services-wrapper { background-color: #102537; } .our-services .grid-item { height: 405px; }.our-services .grid-item img.img-right { height: 100%; object-position: center center; object-fit: cover; position: absolute; right: 15px; bottom: 0; top: 0; width: auto; }.position-center-auto { position: absolute; top: 50%; transform: translateY(-50%); }.our-services .grid-item h2 { font-weight: 500; font-family: "VL Bebas Neue"; color: #fff; font-size: 32px; margin-bottom: 20px; position: relative; }.our-services .grid-item p { color: #fff; font-size: 16px; line-height: 1.6; }.our-services .grid-item img.img-left { height: 100%; object-position: center center; object-fit: cover; position: absolute; left: -15px; bottom: 0; top: 0; width: auto; }.our-services .grid-item h2:before { content: ''; height: 1px; width: 50px; background-color: #faa809; position: absolute; top: -20px; left: 0; } @media(max-width: 768px){.footer-sub ,.footer-support {display: none} .flr {float: none;} .product-cat-home-child {position: relative;} .items .sub-item {padding-bottom: 50px !important; } .list-da-item img { float: left; width: 150px; margin-right: 15px; margin-top: 8px; } } html,body{margin:0;padding:0;min-height:100%;} #wow-uhb-root{min-height:100vh;} #wow-uhb-root a.wow-uhb-disabled-link{cursor:default;}

Phimhayok.tv: A UX Expert’s Review of Fantasy Movie Recommendations

Phimhayok.tv: A UX Expert’s Review of Fantasy Movie Recommendations

You have just finished a long week, and all you want is to escape into a world of dragons, magic, and epic quests. You open your browser, type in a movie site, and are immediately bombarded with pop-ups, confusing categories, and recommendations that seem completely random. The fantasy genre, which should feel like a grand adventure, becomes a frustrating chore. This is the exact problem that many users face, and it is the lens through which we will examine phimhayok—a site that promises curated fantasy movie reviews and recommendations.

First Impressions: The User Experience of Discovery

From a UX perspective, the initial interaction with a content site is critical. The homepage of phimhayok.tv presents a grid of thumbnails, which is a standard layout. However, the real test is how quickly a user can find a specific fantasy sub-genre, like “dark fantasy” or “high fantasy,” without feeling lost. The site’s navigation relies heavily on a broad “Movie” category, which then filters into “Genre.” While functional, this process adds an extra click for every search. For a user who knows they want a fantasy movie, the journey should be more direct. A dedicated “Fantasy” hub, with sub-sections for “Epic,” “Dark,” “Comedic,” and “Animated,” would drastically reduce friction. Without it, the experience feels like browsing a general library rather than a curated collection.

phimhayokHình minh hoạ: phimhayok

Evaluation Criteria for a Fantasy Movie Platform

To provide a structured review, we must define what makes a fantasy movie recommendation site genuinely useful. These criteria are based on common user pain points and the specific demands of the fantasy genre.

Criterion Why It Matters for Fantasy Fans User Experience Impact
Content Curation Quality Fantasy is vast; a “good” list must separate classics from obscure gems. Reduces decision fatigue and builds trust in the platform’s taste.
Search & Filter Precision Users often look for specific tropes (e.g., time loops, chosen ones). Saves time and prevents the “endless scroll” frustration.
Review Depth & Spoiler Management Fantasy plots are complex; spoilers ruin the discovery of twists. Allows informed choices without ruining the narrative experience.
Mobile Responsiveness Many users browse on phones during commutes or breaks. Directly affects accessibility and reading comfort.
Visual Presentation Posters and stills set the mood for a fantasy world. Enhances immersion and helps users judge visual quality quickly.
phimhayok

Deep Dive: Analyzing Each Criterion

Curation Quality: The Mix of Mainstream and Niche

The platform’s strength lies in its inclusion of both blockbuster franchises like “The Lord of the Rings” and lesser-known titles such as “The Fall” or “Stardust.” This balance is crucial. A user who has seen everything mainstream needs recommendations that feel fresh. However, the curation feels inconsistent. Some lists are meticulously themed (e.g., “Best Time Travel Fantasy”), while others are simple alphabetical collections. For a UX-focused user, the inconsistency creates uncertainty: is this list curated by a human expert or an automated script? The lack of editorial notes explaining why a movie was chosen undermines trust. A short blurb explaining the selection criteria would transform a simple list into a valuable guide.

Search and Filter: The Hidden Friction

The search function is functional but not intelligent. Typing “dark fantasy” returns results that include titles with those words in the description, but it misses movies that are thematically dark but not tagged as such. A user looking for “Gothic fantasy” might have to try multiple keywords. The genre filter is a dropdown list, which works on desktop but is a nightmare on mobile. On a small screen, scrolling through a long list of genres without a search bar inside the dropdown is a common pain point. A better approach would be a tag-based system, where users can click multiple tags (e.g., “Magic,” “Low Fantasy,” “1990s”) to narrow results. This lack of faceted filtering is a significant limitation for power users.

Review Depth: Surface-Level vs. Insightful

Most reviews on the site are brief summaries of the plot, followed by a rating. For a fantasy movie, this is often insufficient. Fantasy films rely on world-building, internal logic, and character arcs. A good review should discuss the coherence of the magic system or the pacing of the quest. The site’s reviews rarely dive into these elements. They tell you *what* happens, but not *why* it works or fails. Furthermore, spoiler management is poor. Major plot twists are sometimes revealed in the first paragraph without a warning. This is a critical UX failure. A “Spoiler-Free” section clearly marked, followed by a “Spoiler Discussion” section, would serve both casual browsers and hardcore fans.

Mobile Responsiveness: A Mixed Bag

On a standard smartphone, the text reflows adequately, and images scale down. However, the navigation menu becomes a hamburger icon that hides the search bar. This forces an extra tap to search. More annoyingly, some embedded video trailers auto-play with sound, which is disruptive in public spaces. The overall mobile experience feels like a desktop site that has been shrunk, rather than a native mobile experience. Buttons are sometimes too small to tap comfortably, especially the filter options. For a site that aims to be a go-to recommendation engine, the mobile UX needs to be streamlined, with larger touch targets and a persistent search bar.

Visual Presentation: Setting the Mood

The use of high-quality movie posters is a plus. They immediately convey the tone of the film. However, the site’s layout is dense. Text blocks are long without sufficient line breaks, and the font size is on the smaller side. For a genre that thrives on visual storytelling, the interface itself feels text-heavy. A better visual hierarchy would use larger, cinematic stills from the movies rather than just posters, and break up text with pull quotes or short highlight boxes. The current design feels more like a database than a magazine, which can make the discovery process feel clinical rather than magical.

phimhayok

Strengths and Limitations: A Balanced View

What Works Well

  • Diverse Catalog: The range of fantasy sub-genres covered is genuinely wide, from animated classics to obscure indie films.
  • Community Potential: The comment sections on some reviews show active discussion, which can help users discover new perspectives.
  • Direct Access: The site provides direct links to watch or stream the movies, which removes the friction of searching for availability elsewhere.

What Needs Improvement

  • Lack of Personalized Recommendations: There is no “Because you watched X” feature. Every user sees the same lists, which ignores individual taste.
  • Inconsistent Metadata: Some movies are missing release years, directors, or sub-genre tags, which makes filtering less reliable.
  • No Reading Time Estimates: Reviews vary wildly in length, and users have no way to know if a review is a quick skim or a deep dive before clicking.
phimhayok

Who Should Consider Phimhayok.tv?

Ideal Users

  • The Broad Explorer: A user who wants a general list of “good fantasy movies” and is not picky about sub-genres will find the site useful. The curated lists are a good starting point.
  • The Nostalgia Seeker: Someone looking for classic 80s and 90s fantasy films will appreciate the site’s inclusion of older titles that are often missing from modern streaming services.
  • The Quick Decision Maker: A user who just needs a title and a rating, without deep analysis, will appreciate the brevity of the reviews.

Users Who Should Be Cautious

  • The Deep-Dive Fan: A user who wants to analyze world-building, magic systems, or lore accuracy will find the reviews too shallow. They would be better served by dedicated fantasy blogs or forums.
  • The Spoiler-Averse Viewer: Anyone who is highly sensitive to plot twists should avoid reading the reviews before watching the film, or at least scroll very carefully.
  • The Mobile-First User: Someone who primarily browses on a phone and values a smooth, native app-like experience will encounter friction with the navigation and button sizes.

Checklist Before You Start Using the Site

Before you dive into the fantasy catalog, run through this quick checklist to avoid common frustrations.

  1. Set a Spoiler Filter: Decide if you will read the full review or just the rating and genre tags. If you are watching a new release, skip the review entirely until after you watch it.
  2. Use the Search Bar First: Do not rely solely on the genre dropdown. Try specific keywords like “sword and sorcery” or “portal fantasy” to find hidden lists.
  3. Check the Metadata: Before committing to a movie, verify its release year and director. The site may have multiple entries for the same film.
  4. Test on Your Device: Open the site on both your desktop and phone. Note where the navigation breaks or where buttons are hard to tap. This will save you time later.
  5. Beware of Auto-Play: If you are on mobile or in a quiet environment, turn off your device’s sound before opening a movie page to avoid sudden trailer audio.

Risks to Keep in Mind

While phimhayok.tv offers a convenient gateway to fantasy films, there are several risks that a UX-conscious user should remember. First, the site’s reliance on user-generated comments means that spoilers can appear in unpredictable places, such as in replies to a review. Second, the direct streaming links are not always official; some may lead to third-party sites with questionable security or excessive ads. Always check the URL before clicking. Third, the site does not have a clear content moderation policy for reviews, meaning that some recommendations might be biased or poorly researched. Finally, the lack of a personalized algorithm means you may repeatedly see the same popular titles, missing out on hidden gems that match your specific taste. Approach the platform as a starting point, not a definitive guide, and always cross-reference recommendations with other trusted sources.

phimhayok