/**
* @package  Horme  3  template
* @author Spiros Petrakis
* @copyright	Copyright (C) 2015 - 2022 Spiros Petrakis. All rights reserved.
* @license		GNU General Public License version 2 or later
*/

html {
	height:100%;
	font-size:100%;
}

body {
	min-height:100%;
	position:relative;
}

#frame.frame {
	max-width:1170px;
	margin:0 auto;
	background-color:#fff;
}

h1, .h1 {
	font-size:250%;
}

h2, .h2 {
	font-size:200%;
}

h3, .h3 {
	font-size:180%;
}

h4, .h4 {
	font-size:150%;
}

h5, .h5 {
	font-size:120%;
}

h6, .h6 {
	font-size:100%;
}

body.tmpl {
	padding-top:0;
}

header {
	margin:30px 0;
}

footer {
	margin:30px 0 0;
}

.toolbar {
	font-size:14px;
	padding:5px 0;
}

nav {
	margin:0;
}

.navbar {
	margin-bottom:0;
}

main {
	display:block;
	padding-bottom:30px;
}

footer, .breadcrumb {
	font-size:87.5%;
}

img {
	max-width:100%;
	height:auto;
}

p {
	margin-bottom:20px;
	line-height:1.8;
}

fieldset {
	margin-bottom:15px;
}

.container {
	position:relative;
}

.table-responsive {
	padding-top:15px;
}

#fds-main {
	padding-bottom: 30px;
}

.mobile-buttons {
	text-align: right;
	margin: 0 -5px;
	white-space: nowrap;
}

#m-cart {
	position: relative;
}

.product-counter {
	position: absolute;
	width: 15px;
	height: 15px;
	background-color: #fff;
	color: #333f;
	border-radius: 50%;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	top: 3px;
	right: 3px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

/* Logo */
.fds-logo a {
	vertical-align:middle;
}

.fds-logo a:hover {
	text-decoration:none;
}

.fds-logo .site-title {
	font-size:160%;
}

.mobile-logo p, .fds-logo p {
	margin: 0
}

/* Helper Classes */
.margin-top {
	margin-top:30px;
}

.margin-top-15 {
	margin-top:15px;
}

.bold {
	font-weight:bold !important;
}

.block {
	display:block !important;
}

.inline {
	display:inline-block !important;
}

.valign {
	position:relative;
	top:50%;
	transform:translateY(-50%);
}

.align-middle {
	vertical-align:middle;
}

.noscroll {
	overflow:hidden;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

/* Form elements */
input[type="search"], input[type="text"], input[type="password"], input[type="email"], select, textarea {
	display:block;
	width:100%;
	height:39px;
	padding:8px 12px;
	font-size:15px;
	line-height:1.4;
	color:#6f6f6f;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.control-group {
	margin-bottom: 15px;
}

/* Custom filter PRO */
.cf_flt_wrapper .form-horizontal {
	display:flex;
	align-items:center;
}

/* Modules */
.moduletable ul {
	list-style:none;
	padding-left:0;
	margin-left:0;
}

.plain .border {
	padding:0;
}

.box .border {
	border:1px solid #ddd;
}

.color .border {
	background-color:#f5f5f5;
}

.border {
	word-wrap:break-word;
	position:relative;
	padding:20px;
}

#fds-toolbar .border {
	padding:5px 0;
}

.border > h3 {
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
	margin-top:0;
	padding-bottom:10px;
}

.top-a > div:nth-child(5n+5), .top-b > div:nth-child(5n+5), .top-c > div:nth-child(5n+5), .bottom-a > div:nth-child(5n+5), .bottom-b > div:nth-child(5n+5), .bottom-c > div:nth-child(5n+5) {
	clear:left;
}

aside .moduletable, .innerbottom .moduletable, .innertop .moduletable {
	margin-bottom:30px;
}

aside .moduletable:last-child, .innerbottom .moduletable:last-child {
	margin-bottom:0;
}

.innerbottom {
	margin-top:30px;
}

/* Bootstrap resets */
.hero-unit {
	border-radius:0 !important;
}

.page-header {
	margin:20px 0;
}

.tab-content {
	padding:0 10px;
	margin-bottom:30px;
}

.carousel, .carousel p {
	margin-bottom:0;
}

.carousel-control {
	width:10%;
}

.carousel-control:hover, .carousel-control:focus {
	color:#333;
	opacity:.9;
	text-decoration:none;
}

.carousel-indicators > li {
	margin-left:5px;
	margin-right:5px;
}

.label, .badge {
	font-weight:normal;
}

.form-control {
	box-shadow:none;
}

.thumbnail {
	border-radius:0;
}

.dropdown-menu {
	margin-top:5px;
}

.dl-horizontal dt {
	width:50%;
}

.dl-horizontal dd {
	width:50%;
	float:left;
	margin-left:0;
	padding-left:10px;
}

.jumbotron {
	background-color:#f5f5f5;
}

/* Mobile menu */
h3.mbmenu {
	display:inline-block;
	margin:0;
}

.navbar-inner > i {
	margin-top:5px;
	margin-left:10px;
}

/* Menu */
nav .container {
	margin-top:0;
}

.navbar .nav {
	margin:0;
}

.navbar .nav > li {
	position:relative;
}

.navbar .nav > li.parent > a:after, .navbar .nav > li.parent > span:after {
	content:"\e259";
	font-family:"Glyphicons Halflings";
	margin-left:5px;
	line-height:1em;
	font-size:70%;
}

.navbar .nav > li > a, .navbar .nav > li > span {
	float:none;
	font-size:100%;
	line-height:inherit;
	padding:15px;
}

.navbar .nav > li > a, .navbar .nav > li > span {
	display:block;
	line-height:24px;
}

.navbar-inner {
	border:none;
	background-image:none;
	background-color:transparent;
	box-shadow:none;
	border-radius:0;
	padding:0;
	position:static;
}

.navbar li.parent:hover .dropdown-menu {
	display:block;
}

nav .dropdown-menu > li, .flyout-menu > li {
	position:relative;
}

nav .dropdown-menu > li.parent:after, .flyout-menu > li.parent:after {
	content:"\e258";
	font-family:"Glyphicons Halflings";
	position:absolute;
	right:7px;
	top:12px;
	font-size:70%;
}

nav .dropdown-menu, nav .flyout-menu {
	min-width:220px;
	border-radius:0;
	margin:0;
	box-shadow:0 6px 12px rgba(0,0,0,.5);
}

nav .dropdown-menu > li:hover > .flyout-menu, .flyout-menu > li:hover > .flyout-menu {
	display:block;
}

nav .dropdown-menu > li a, nav .dropdown-menu > li span, .flyout-menu > li a, .flyout-menu > li span:not(.glyphicon) {
	padding:10px 20px;
	display:block;
}

.flyout-menu {
	background-clip:padding-box;
	background-color:#fff;
	border:1px solid rgba(0, 0, 0, .15);
	border-radius:0;
	box-shadow:0 6px 12px rgba(0, 0, 0, .176);
	float:left;
	font-size:90%;
	left:0;
	list-style:none outside none;
	margin:0;
	min-width:220px;
	padding:5px 0;
	position:absolute;
	top:0;
	left:100%;
	z-index:1000;
	display:none;
}

.flyout-menu > li > a {
	color:#333;
}

.flyout-menu .flyout-menu > li > a, .flyout-menu .flyout-menu > li > span {
	padding-left:35px;
}

.flyout-menu > li > a:hover, .flyout-menu > li > a:focus, .flyout-menu > li > span:hover, .flyout-menu > li > span:focus {
	background-color:#0081c2;
	background-image:none;
	color:#fff;
	text-decoration:none;
}

.nav > li > a > img {
	vertical-align:top;
	margin-right:3px;
}

span.image-title {
	padding:0 !important;
}

.separator > img, .flyout-menu img {
	float:left;
	margin-right:3px;
}

/* System messages */
.alert-notice {
	color:#8a6d3b;
	background-color:#fcf8e3;
	border-color:#faebcc;
}

.alert-error {
	color:#a94442;
	background-color:#f2dede;
	border-color:#ebccd1;
}

.alert-message {
	color:#31708f;
	background-color:#d9edf7;
	border-color:#bce8f1;
}

#system-message p {
	font-size:85%;
	margin-bottom:10px;
}

/* To top*/
#totop-scroller {
	position: fixed;
	right: 15px;
	bottom: 15px;
	padding: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}

#totop-scroller:hover, #totop-scroller:focus {
	text-decoration:none;
}

/* Tooltips */
div.tooltip {
	background-color:transparent !important ;
	border:none !important;
}

.tip-wrap {
	padding:8px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background-color:#000;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
	font-size:80%;
	z-index:100;
}

/* Base Styling */
.invalid {
	border-color:red !important;
}

#fds-toolbar {
	background-color:#f5f5f5;
	border-radius:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

/* Joomla */

.hidden-print {
	position:absolute;
	right:10px;
	top:0;
}

/* User */
.login-description, .logout-description {
	margin-bottom:15px;
}

#jform_params_helpsite {
	margin-bottom:15px;
}

/* Articles */
dl.article-info {
	font-size:80%;
}

.article-info-term {
	display:none;
}

.article-info dd {
	display:inline-block;
	margin-right:5px;
}

.element-invisible {
	display:none !important;
}

.item-page .content_rating {
	margin-top:5px;
}

.content_rating + form {
	margin-bottom:20px;
}

.item-image {
	max-width:100%;
}

.pull-left.item-image {
	margin-right:20px;
}

.pull-right.item-image {
	margin-left:20px;
}

.tags span {
	margin-right:5px;
}

.content-links {
	margin-top:20px;
}

.actions li {
	float:left;
	margin-left:5px;
}

.edit ul.nav-tabs {
	margin-bottom:20px;
}

.edit .btn-toolbar {
	padding:5px;
}

.calendar table {
	width:100%;
}

.chzn-container-multi .chzn-choices li.search-field input[type="text"] {
	height:auto;
}

/* Mail to */
#mailto-window {
	position:relative;
}

#mailto-window h2 {
	font-size:150%;
}

#mailto-window p {
	margin-top:15px;
}

.mailto-close {
	position:absolute;
	top:5px;
	right:0;
}

/* Categories */
.category-desc {
	margin-bottom:15px;
}

.categories-list dt {
	text-align:left;
	width:120px;
}

.categories-list dd {
	margin-left:0;
}

.categories-list > ul > li {
	border-bottom:1px solid #ddd;
	margin-bottom:15px;
}

.categories-list img, .category-desc img {
	margin-bottom:15px;
}

.item-title .badge {
	vertical-align:middle;
}

.categories-list > ul {
	list-style:none;
	margin-left:0;
}

/* Blog - Featured */
.blog .category-desc, .blog-featured .category-desc {
	border-bottom:1px solid #eee;
}

/* Weblinks */
.weblink-category a.category {
	margin-left:5px;
}

.weblink-category .list-title {
	margin-bottom:15px;
}

/* Smart Search */
#search-results .search-pagination, #search-results div.pagination, #search-results .search-pages-counter {
	margin-top:30px;
}

/* Configuration Manager */
.config-manager input[type="radio"] {
	margin:0 5px;
}

/* Login Module */
#form-login-remember > label {
	display:inline-block;
}

.welcome {
	padding:5px 0;
}

.toolbar-r .welcome {
	float:right;
}

.toolbar-r form.logout {
	text-align:right;
	margin-top:5px;
}

/* Breadcrumbs */
.breadcrumbs {
	margin-bottom:15px;
}

.breadcrumb > li {
	white-space:nowrap;
}

.breadcrumb {
	background-color:transparent;
	border-radius:0;
	border:none;
	margin:15px 0 0;
	text-transform: none;
}

span.divider {
	display:none;
}

/* Language Switcher */
.toolbar-r .lang-inline, .sidebar-b .lang-inline {
	text-align:right;
}

/* Weblinks Module */
.weblinks > li {
	margin-top:10px;
}

/* Fancybox */
#fancybox-wrap {
	overflow:hidden;
}

#fancybox-outer > div {
	     box-sizing:content-box;
	-moz-box-sizing:content-box;
}

#fancybox-content {
	border:none !important;
	width:100% !important;
}

#fancybox-content > div {
	padding:20px;
	     box-sizing:content-box;
	-moz-box-sizing:content-box;
}

#fancybox-content h4, #fancybox-content > div > h4 + div {
	text-align:center;
}

.fancybox-title-inside {
	width:auto !important;
}

#fancybox-content .product-related-products .product-field:last-child {
	margin-right:0;
}

#sbox-content > iframe {
	max-width:100%;
	height:100%;
}

/* Editing */
.chzn-container, .chzn-drop {
	width:220px !important;
}

/* Preloader */
#preloader {
	bottom:0;
	color:#fff;
	font-size:25px;
	height:100%;
	left:0;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
	width:100%;
}

#preloader img {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-64px;
	margin-top:-64px;
}

/* Offcanvas */
#offcanvas {
	bottom:0;
	top:0;
	height:100%;
	left:0;
	right:0;
	overflow:auto;
	position:fixed;
	z-index:10000;
	background-color:rgba(0,0,0,.8);
	background-image:none;
	filter:none;
	display:none;
}

.off-canvas-wrapper {
	position:relative;
	left:-280px;
}

#offcanvas .navbar-nav {
	margin:0;
	float:none;
	width:280px;
}

#offcanvas li {
	float:none;
	border-bottom:1px solid #eee;
}

#offcanvas > ul > li {
	background-color:#222;
}

#offcanvas li:last-child {
	border-bottom:none;
}

#offcanvas .dropdown-menu, #offcanvas .flyout-menu {
	display:block;
	width:100%;
	max-width:100%;
	position:relative;
	left:0;
	top:0;
	border-radius:0;
	float:none;
	box-shadow:none;
	border:none;
	margin:0;
	padding:0;
}

#offcanvas .dropdown-menu > li > a, #offcanvas .dropdown-menu > li > span {
	padding:10px 20px;
	display:block;
	font-size:100%;
}

#offcanvas .flyout-menu > li.parent::after {
	content:none;
}

#offcanvas .flyout-menu > li > a:before, #offcanvas .flyout-menu > li > span:before {
	content:"\e258";
	font-family:"Glyphicons Halflings";
	font-size:10px;
	margin-right:5px;
}

#offcanvas .dropdown-menu > li.parent, #offcanvas .flyout-menu > li {
	padding:0;
}

#offcanvas .navbar-nav > li > a, #offcanvas .navbar-nav > li > span {
	color:#fff;
}

#offcanvas > span {
	position:fixed;
	top:10px;
	right:10px;
	z-index:100000;
	color:#ccc;
	display:none;
}

#offcanvas > span:hover {
	cursor:pointer;
	color:#ddd;
}

.navbar-toggle {
	border:none;
	padding: 0;
	margin: 0
}

.navbar-toggle .glyphicon {
	font-size:150%;
	vertical-align:middle;
}

.off-canvas-wrapper {
	background-color:#222;
	position:absolute;
	top:0;
	bottom:0;
	overflow:auto;
}

#offcanvas .glyphicon-remove {
	font-size:30px;
}

/* Sticky menu */
.fixedmenu {
	position:fixed;
	top:0;
	left:0;
	margin:0;
	width:100%;
	z-index:1000;
}

/* Mega menu */
.navbar .nav > li {
	white-space:nowrap;
}

.mega + ul {
	box-shadow:0 6px 12px rgba(0,0,0,.5);
}

.mega:hover + ul {
	display:table;
}

.mega + ul > li {
	display:table-cell;
	min-width:220px;
}

.mega + ul > li.parent::after {
	content:"";
}

.mega + ul .flyout-menu {
	position:static;
	float:none;
	display:block;
	box-shadow:none;
}

.mega-left + ul {
	right:0;
	left:auto;
}

#offcanvas .mega + ul > li {
	display:block;
	min-width:100%;
}

#offcanvas .mega + ul {
	border-top:none;
}

#offcanvas .mega + ul > li > a, .mega + ul > li > span {
	font-weight:normal !important;
	border-bottom:none;
	position:relative;
}

/* Recaptcha */
#jform_captcha > div {
	margin:0 auto;
}

/* Style overrides */
#fds-toolbar, .navbar-default, footer {
	border:none;
}

.toolbar-r {
	text-align:right;
}

footer {
	background-color: #333;
	color: #fafafa;
	margin-top: 0;
	border: none;
	padding-top: 50px;
	padding-bottom: 30px;
}

footer .border > h3 {
	border: none
}

footer a {
	color: #fff
}

footer a:hover {
	color: #fff
}

footer .menu li {
	margin-bottom: 15px
}

.footer-separator {
	border-top: 1px solid #ddd;
	margin: 30px 0
}

.copyright a, .credits a {
	text-decoration: underline;
}

small, .small {
	font-size:85%;
}

.pager {
	font-size:100%;
	border-top:1px solid #ddd;
	padding-top:10px;
}

/* Reviews */
.normal blockquote {
	background-color:#f5f5f5;
}

.well blockquote {
	background-color:#fff;
}

/* Category view */
.category-view > h1 {
	margin-top:0;
}

#sorting {
	font-size:12px;
	line-height:17px;
}

.display-number .input-sm {
	height:28px;
	line-height:28px;
	padding:4px;
	vertical-align:baseline;
}

.orderby-displaynumber .well {
	min-height:50px;
}

/* Menu */
.navbar-default {
	background-color:#333;
	border-top:none;
	border-bottom:none;
}

.navbar .nav > li.active > a, .navbar .nav > li.active > span {
	background-color:#272727;
	font-weight:bold;
}

.navbar .nav a, .navbar .nav span, .navbar-default .navbar-toggle, nav .dropdown-menu > li.parent::after, .flyout-menu > li.parent::after {
	color:#fff;
}

.navbar .nav > li:hover, .navbar-default .dropdown-menu > li > span:hover, .navbar-default .dropdown-menu > .active > span, .navbar-default .dropdown-menu > .active > span:hover, .flyout-menu > li > span:hover, .flyout-menu > .active > span, .flyout-menu > .active > span:hover, .flyout-menu > li > a:hover, .flyout-menu > li > a:focus, .flyout-menu > li > span:hover, .flyout-menu > li > span:focus {
	background-color:#272727;
}

.flyout-menu {
	padding:0;
	background-color:#333;
	box-shadow:none;
	border:none;
	font-size:13px;
}

#offcanvas .flyout-menu {
	background-color:#008cba;
}

#offcanvas li {
	border-bottom:none;
}

#offcanvas .navbar-nav span, #offcanvas .flyout-menu > li > a {
	color:#fff;
}

#offcanvas .navbar-nav > li > span {
	padding:10px 15px;
	line-height:21px;
	display:block;
}

#offcanvas .navbar-nav > li > span:hover, #offcanvas .dropdown-menu span:hover {
	background-color:#006687;
}

.off-logo {
	display: block;
	text-align: center;
	padding-top: 15px;
	margin-bottom: 15px
}

#cls-btn {
	position: fixed;
	top: 15px;
	right: 15px;
	z-index: 1;
	padding: 0;
	background-color: transparent;
	color: #fff;
}

/* Cart module */
.vmCartModule {
	padding:8px 0;
}

.btn-group .dropdown-toggle.btn-default ~ .dropdown-menu {
	background-color:#f5f5f5;
}

/* Currency Module */
.toolbar #virtuemart_currency_id {
	line-height:28px;
	height:28px;
	padding:4px;
}

/* Category Module */
.vm-plus:hover span {
	color:#333;
}

/* Modules */
.border {
	padding:20px 0;
}

.box .border {
	border:1px solid #ddd;
	padding:20px;
}

#fds-bottom-c h3 {
	border-bottom:none;
	padding-bottom:0;
}

.breadcrumb {
	padding:10px 0 0;
	white-space: nowrap;
	overflow: auto;
}

/* Buttons */
.btn-primary {
	background-color:#333;
	border-color:#212121;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
	background-color:#222;
	border-color:#000;
}

/* System messages */
#system-message p {
	font-size:100%;
}

/* Media queries*/

@media (max-width: 992px) {
	.container {
		width:100%;
	}

	footer {
		padding-left:10px;
		padding-right:10px;
	}

	.moduletable, aside .moduletable:last-child, .innerbottom .moduletable:last-child {
		margin-bottom:15px;
	}

	.navbar-toggle {
		display:block;
	}

}

@media (min-width: 768px) {
	.toolbar #j-login-mod {
		margin-left:-50% !important;
		left:0;
		right:0;
		width:100%;
		position:relative;
	}
}

@media (max-width: 767px) {
	header {
		margin: 15px 0 0
	}

	.dl-horizontal dd {
		padding-left:0;
	}

	.fds-logo {
		margin-bottom:15px;
	}

	.toolbar #j-login-mod-button {
		display: block;
		margin-left: auto;
	}

	.toolbar-l, .toolbar-r {
		text-align:center !important;
		padding:0 15px;
	}

	.mobile-header {
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
	}

	.mobile-search {
		display: none
	}

	.copyright, .credits {
		text-align: center;
	}

	.credits {
		margin-top: 15px
	}

	.margin-top {
		margin-top: 15px;
	}

}

@media (max-width: 480px) {
	body {
		font-size:90%;
	}
}

@media (max-width: 320px) {
	body {
		padding-left:0;
		padding-right:0;
	}
}

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
		border-bottom-color:#000 !important;
	}

	a[href^="/"]:after {
		content:"";
	}
}

/* Tests*/
#offcanvas .dropdown-menu, #offcanvas .flyout-menu, #offcanvas .mega + ul {
	display:none;
}

.open-submenu {
	position:absolute;
	right:10px;
	top:3px;
	font-size:16px;
	color:#000 !important;
	z-index:1111111;
}

.open-submenu:hover, .open-submenu:focus {
	text-decoration:none;
	font-weight:bold;
}

#offcanvas li.active > a {
	font-weight:bold;
}

/* ===============================
   SIDEBAR (หมวดหมู่สินค้า)
================================ */
aside .moduletable {
  background:#fff !important;
  border-radius:12px !important;
  box-shadow:0 4px 12px rgba(0,0,0,.10) !important;
  padding:15px !important;
  margin-bottom:20px !important;
}

aside .moduletable > h3{
  margin:0 0 12px 0 !important;
  padding-bottom:10px !important;
  border-bottom:1px solid #eee !important;
  font-weight:700 !important;
}

aside .moduletable ul{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
}

aside .moduletable li{
  margin-bottom:10px !important;
}

aside .moduletable li a{
  display:block !important;
  padding:10px 14px !important;
  border-radius:8px !important;
  background:#f5f5f5 !important;
  color:#333 !important;
  text-decoration:none !important;
  font-weight:600 !important;
}

aside .moduletable li a:hover{
  background:#ff9800 !important;
  color:#fff !important;
}

/* ===============================
   CATEGORY BOX (3 หมวดด้านบน)
================================ */
.category-view .category,
.category-view .spacer {
  background:#fff !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:0 6px 18px rgba(0,0,0,.12) !important;
  transition:.25s !important;
}

.category-view .category:hover,
.category-view .spacer:hover {
  transform:translateY(-6px) !important;
}

.category-view img{
  width:100% !important;
  height:220px !important;
  object-fit:cover !important;
}

/* ===============================
   ซ่อนแถบค้นหา/เรียงลำดับ หน้า Home
================================ */
body.home #sorting,
body.home .orderby-displaynumber,
body.home .vm-search,
body.home .vm-pagination {
  display:none !important;
}

/* ===============================
   PRODUCT CARD (สินค้าใหม่)
================================ */
body.home .product,
body.home .spacer,
body.home .vm-product {
  background:#fff !important;
  border-radius:14px !important;
  padding:15px !important;
  box-shadow:0 6px 15px rgba(0,0,0,.10) !important;
  transition:.25s !important;
}

body.home .product:hover,
body.home .spacer:hover {
  transform:translateY(-5px) !important;
}

body.home img{
  height:220px !important;
  object-fit:cover !important;
  border-radius:10px !important;
}

.product-price,
.PricesalesPrice,
.PricesalesPriceWithTax{
  font-size:18px !important;
  font-weight:800 !important;
  color:#e53935 !important;
}

.category-view .row {
  margin-top: 15px;
}

.category-view h2,
.category-view h3 {
  font-weight: 700;
  margin-top: 10px;
}

aside .moduletable li a {
  transition: .2s;
}

aside .moduletable li a:hover {
  padding-left: 18px;
}
/* ===== FORCE NAVBAR TO TOP (Horme3) ===== */
body.tmpl { padding-top: 0 !important; }
header { margin: 0 !important; }
#fds-toolbar { padding: 0 !important; margin: 0 !important; }
nav, .navbar, .navbar-default { margin: 0 !important; }
#frame.frame { margin-top: 0 !important; padding-top: 0 !important; }

.vm-search-below-nav{
  background:#f7f7f7;
  padding:14px 0;
  border-bottom:1px solid #e3e3e3;
}

.vm-search-below-nav form{
  max-width:1100px;
  margin:0 auto;
  padding:0 12px;
}

.vm-search-below-nav input[type="text"],
.vm-search-below-nav input[type="search"]{
  width:100%;
  padding:10px 14px;
  border-radius:8px;
  border:1px solid #ccc;
}

/* --- แก้ไขช่องค้นหา --- */
div.search-below-nav {
    background: #f8f8f8 !important; /* พื้นหลังแถวค้นหา */
    padding: 15px 0 !important;
}

div.search-below-nav .container {
    display: flex !important;
    justify-content: flex-end !important;
}

/* เจาะจงที่ตัวช่องกรอกข้อมูล */
div.search-below-nav input[name="search"], 
div.search-below-nav input[type="text"] {
    width: 350px !important; /* ปรับความกว้างตามชอบ */
    height: 42px !important;
    border-radius: 25px !important; /* ทำให้ขอบมน */
    border: 1px solid #333 !important; /* ขอบเข้มขึ้น */
    padding: 0 20px !important;
    background: #fff !important;
}

/* --- แก้ไขปัญหาพื้นที่ว่างด้านบน --- */
body.home.com_virtuemart {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* --- ซ่อนกล่องตะกร้าที่ค้างอยู่ฝั่งซ้าย --- */
.vmcartin, .mod_virtuemart_cart {
    display: none !important;
}
/* 1. จัดตำแหน่งช่องค้นหาให้ดูสมดุล (ขยับมาทางขวาหรือตรงกลาง) */
.search-below-nav {
    padding: 20px 0 !important;
    display: flex !important;
    justify-content: center !important; /* เปลี่ยนเป็น flex-end ถ้าอยากให้ชิดขวา */
}

.search-below-nav form {
    width: 60% !important; /* ปรับความกว้างของช่องค้นหาให้ดูพอดีกับหน้าเว็บ */
    max-width: 600px !important;
}

/* 2. จัดการกล่อง "ไม่มีสินค้าในตะกร้า" ที่อยู่ฝั่งซ้าย */
/* ถ้าต้องการลบออกเพื่อให้เนื้อหาหลักขยับขึ้นมาสวยๆ ใช้โค้ดนี้ครับ */
.vmcartin, .mod_virtuemart_cart {
    display: none !important;
}

/* 3. ปรับตัวหนังสือเมนูหมวดหมู่สินค้าให้เด่นขึ้น */
.nav.menu li a {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* 4. เพิ่มระยะห่างให้รูปภาพหมวดหมู่ไม่ติดกันเกินไป */
.category-view .row .span4 {
    margin-bottom: 20px !important;
}
/* ===== Marketplace Layout Look (Horme_3) ===== */

/* พื้นหลังหน้า + ช่องว่าง */
body{
  background:#f6f7fb !important;
}

/* กล่องคอนเทนต์หลักให้ดูเป็นหน้า marketplace */
#fds-main{
  margin-top: 18px !important;
}

#fds-main .main-wrapper,
#fds-main .sidebar-a,
#fds-main .sidebar-b{
  margin-top: 0 !important;
}

/* ทำ card ให้ sidebar */
#fds-main .sidebar-a .moduletable,
#fds-main .sidebar-b .moduletable{
  background:#fff !important;
  border:1px solid #eee !important;
  border-radius:14px !important;
  padding:14px !important;
  box-shadow:0 4px 14px rgba(0,0,0,.06) !important;
  margin-bottom:16px !important;
}

/* หัวข้อโมดูล */
#fds-main .moduletable h3,
#fds-main .module-title,
#fds-main .mod-title{
  font-size:18px !important;
  margin:0 0 12px 0 !important;
  padding:0 0 10px 0 !important;
  border-bottom:1px solid #f0f0f0 !important;
}

/* ปรับเมนูหมวดหมู่ให้เป็นปุ่ม */
.sidebar-a .moduletable_menu .nav.menu li a,
.sidebar-a .mod-menu .nav.menu li a{
  background:#f7f8fa !important;
  border:1px solid #eee !important;
  border-radius:10px !important;
  margin-bottom:8px !important;
  padding:12px 12px !important;
  display:block !important;
  color:#222 !important;
  text-decoration:none !important;
  transition: .2s !important;
}

.sidebar-a .moduletable_menu .nav.menu li a:hover,
.sidebar-a .mod-menu .nav.menu li a:hover{
  background:#111 !important;
  color:#fff !important;
  transform: translateX(4px) !important;
}

/* กลางหน้า: ทำสินค้าเป็นการ์ด */
.category-view .product,
.browse-view .product{
  background:#fff !important;
  border:1px solid #eee !important;
  border-radius:16px !important;
  box-shadow:0 6px 18px rgba(0,0,0,.06) !important;
  overflow:hidden !important;
}

/* ระยะห่างสินค้า */
.category-view .row-fluid,
.browse-view .row-fluid{
  margin-top: 18px !important;
}

/* ปุ่ม add to cart ให้ดู marketplace */
.addtocart-button,
.vm-button-correct,
.btn-primary{
  border-radius:12px !important;
  padding:10px 14px !important;
}