body{
    border:5px solid #FFCD20 !important;
}
/* =========================================
   TIPOGRÁFIA
========================================= */

body,
p,
li,
td,
th,
input,
select,
textarea,
button {
    font-family: Garamond, "Palatino Linotype", Palatino, Georgia, serif;
    font-size: 18px;
    color: #000;
}

/* Címek */

h1,
h2,
h3,
h4,
h5,
h6,
.card-header,
.page-header,
.moduletitle {
    font-family: Garamond, "Palatino Linotype", Palatino, Georgia, serif;
    color: #FFCD20;
    font-weight: 600;
}

/* Linkek */

a,
a:link,
a:visited {
    color: #FFCD20;
    text-decoration: none;
}

a:hover {
    color: #FFCD20;
    text-decoration: underline;
}

/* Rövid termékleírás */

.product_s_desc,
.product-short-description,
.product-short-desc {
    font-size: 18px;
    color: #000;
    line-height: 1.6;
}

/* Breadcrumb */

.breadcrumb,
.breadcrumb a,
.mod-breadcrumbs {
    font-size: 18px;
}
/* =========================================
   MENÜ KÖZÉPRE
========================================= */

.container-header .mod-menu {
    display: flex;
    justify-content: center;
    width: 100%;
}

.container-header .mod-menu > li {
    margin: 0 12px;
}
/* =========================================
   LOGÓ KÖZÉPRE (FELSŐ SOR)
========================================= */

.container-header .navbar-brand {
    display: block;
    text-align: center;
    margin: 5px auto;
}

/* logó méret */
.navbar-brand img {
    max-height: 200px;
}

/* =========================================
   MODERN KERESŐ
========================================= */

.mod-finder,
.finder,
.search {
    text-align: center;
    position: relative;
}

.mod-finder input,
.finder input,
.search input,
input[type="search"] {

    width: 700px;
    max-width: 90%;

    margin: 0 auto;
    display: block;

    padding: 12px 50px 12px 20px;

    background: #ffffff;

    border: none !important;
    border-radius: 30px;

    outline: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;

    font-size: 18px;
    color: #333;

    transition: all .25s ease;
}

.mod-finder input:focus,
.finder input:focus,
.search input:focus,
input[type="search"]:focus {

    border: none !important;
    outline: none !important;

    box-shadow:
        0 2px 8px rgba(0,0,0,.08),
        0 0 10px rgba(227,160,0,.25) !important;
}
/* ===== 1. 3 OSZLOP DESKTOPON ===== */

@media (min-width: 992px) {
    .category-view .product.col-lg-12 {
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
    }
}

/* ===== 2. BELSŐ GRID KIKAPCSOLÁSA ===== */

.category-view .product-container.row {
    display: block !important;
}
/* ===== 3. KÉP TELJES SZÉLESSÉG ===== */

.category-view .product-container .col-lg-3,
.category-view .product-container .col-lg-5,
.category-view .product-container .col-lg-4 {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
}

/* ===== 4. KÉP NAGY ===== */

.category-view .vm-product-media-container img {
    width: 100% !important;
    height: auto !important;
}

/* ===== 5. KÁRTYA ===== */

.category-view .product-container {
    padding: 10px !important;
    border: 1px solid #ddd;
    text-align: center;
}
/* ===== VM PAGINATION FIX ===== */

.vm-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.vm-pagination ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.vm-pagination li {
    display: inline-block;
}

.vm-pagination a,
.vm-pagination span {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #ddd;
    background: #fff;
    text-decoration: none;
}

.vm-pagination a:hover {
    background: #f4a300;
    color: #fff;
}
/* ===== PRO WEBSHOP DESIGN ===== */

/* KÁRTYA */
.category-view .product-container {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    background: #fff;
    padding: 12px;
    transition: all 0.25s ease;
    overflow: hidden;
}

.category-view .product-container:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
    transform: translateY(-4px);
}

/* KÉP */
.vm-product-media-container {
    overflow: hidden;
    border-radius: 8px;
}

.vm-product-media-container img {
    transition: transform 0.35s ease;
}

.product-container:hover img {
    transform: scale(1.07);
}
/* =========================================
   FOXPOST – STABIL + PRO DESIGN
========================================= */
/* === MAP === */
.foxpost-box iframe {
    width: 100%;
    height: 500px;
    border: none;
    border-radius: 10px;
}

/* === KERET === */
.foxpost-box {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 15px;
    margin: 25px 0;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
}

/* === CÍM === */
.foxpost-box h3 {
    font-size: 18px;
    margin-bottom: 8px;
}

/* === SEGÍTŐ SZÖVEG === */
.foxpost-box p {
    font-size: 14px;
    color: #666;
    margin-bottom: 12px;
}
/* =========================================
   FOXPOST INPUT – SZÉP + STABIL
========================================= */

input[name="shipto_Csomagautomata"] {
    width: 100% !important;
    max-width: 600px;
    display: block;

    padding: 12px;
    border-radius: 10px;
    border: 1px solid #ddd;

    background: #fffdf5;
    font-size: 14px;

    transition: 0.2s ease;
}

/* fókusz */
input[name="shipto_Csomagautomata"]:focus {
    border-color: #f4a300;
    box-shadow: 0 0 0 3px rgba(244,163,0,0.15);
    outline: none;
}
/* =========================
   FOXPOST – VALÓDI FIX
========================= */

/* konkrét sor */
td:has(input[name="shipto_Csomagautomata"]) {
    width: 100% !important;
}

/* input */
input[name="shipto_Csomagautomata"] {
    width: 100% !important;
    max-width: none !important;
}
.search-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
}

.search-logo{
    width:120px;
    height:auto;
    flex-shrink:0;
}
/* Mobil nézet */

@media (max-width: 768px) {

    .search-wrapper{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:10px;
    }

    .search-logo{
        width:80px;
        height:auto;
    }

    .mod-finder input,
    .finder input,
    .search input,
    input[type="search"]{
        width:90% !important;
        max-width:350px;
    }

    .mod-finder::after,
    .finder::after,
    .search::after{
        transform:translate(145px,-50%);
    }
    
}
/* VirtueMart találati oldali második kereső elrejtése */

.virtuemart_search {
    display: none !important;
}
/* ÖSSZES CÍM */

h1, h2, h3, h4, h5, h6,
.card-header,
.page-header,
.moduletitle {
    color: #FFCD20 !important;
}

/* ÖSSZES LINK */

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
    color: #FFCD20 !important;
}

/* CASSIOPEIA SZÍNVÁLTOZÓK */

:root {
    --cassiopeia-color-primary: #FFCD20 !important;
    --cassiopeia-color-link: #FFCD20 !important;
    --cassiopeia-color-hover: #FFCD20 !important;
}
/* FEJLÉC ÉS MENÜ MUSTÁRSÁRGA */

.container-header,
.container-header .grid-child,
header.header {
    background: #FFCD20 !important;
    background-image: none !important;
}

/* MENÜ SZÖVEG FEKETE */

.container-header .mod-menu a,
.container-header .mod-menu li {
    color: #000 !important;
}

/* GOMBOK */

.btn-primary,
.btn-success,
button,
input[type="submit"] {
    background: #FFCD20 !important;
    border-color: #FFCD20 !important;
    color: #000 !important;
}