/* ==========================================================
   TOMCAR TEMPLATE
   PART 1
========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body.template-tomcar{

    font-family:'Inter',sans-serif;

    background:#ffffff;

    color:#364153;

    line-height:1.6;

    font-size:16px;

}

/* ==========================================================
TYPOGRAPHY
========================================================== */

body.template-tomcar h1,
body.template-tomcar h2,
body.template-tomcar h3,
body.template-tomcar h4{

    color:#364153;
    font-weight:600;

}

body.template-tomcar h1{

    font-size:38px;
    margin-bottom:20px;

}

body.template-tomcar h2{

    font-size:30px;
    margin-bottom:18px;

}

body.template-tomcar h3{

    font-size:22px;
    margin-bottom:15px;

}

body.template-tomcar p{

    color:#6b7280;
    line-height:1.8;

}

body.template-tomcar strong{

    color:#364153;

}

/* ==========================================================
LINKS
========================================================== */

body.template-tomcar a{

    color:#364153;

    text-decoration:none;

    transition:.25s;

}

body.template-tomcar a:hover{

    color:#ff6b00;

}

/* ==========================================================
CONTAINER
========================================================== */

body.template-tomcar .container{

    max-width:1400px;

    margin:auto;

    padding:0 25px;

}

/* ==========================================================
LAYOUT
========================================================== */

body.template-tomcar .layout-3col{

    display:grid;

    grid-template-columns:280px 1fr 280px;

    gap:30px;

}

body.template-tomcar .layout-2col{

    display:grid;

    grid-template-columns:280px 1fr;

    gap:30px;

}

body.template-tomcar .layout-1col{

    display:block;

}


/* ======================================
TOP INFO
====================================== */


body.template-tomcar .topinfo-bar{

    background:#0c273c;

    color:#dce8ef;

}

body.template-tomcar .topinfo-bar a {
	color: #dbe6ed;
}

body.template-tomcar .topinfo-item i{

    color:#ff6b00;

}

body.template-tomcar .topinfo-item a:hover{

    color:#ff6b00;

}

/* ==========================================================
HEADER
========================================================== */

body.template-tomcar header{

    background:#ffffff;

    border-bottom:1px solid #ececec;

    position:sticky;

    top:0;

    z-index:999;

}

header{

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

}

body.template-tomcar .topheader{

    padding:20px 0;

}

body.template-tomcar .topheader-logo img{
    max-height:70px;
}

body.template-tomcar .topheader-logo a{

    /*color:#ff6b00;*/
	color: #000000;
    font-size:34px;
    font-weight:700;
	text-transform:uppercase;
	
	
	
	/*2-ik legjobb*/
	font-family: "Sora", sans-serif;
	
	/*ez elég vékony nem tul jó*/
	font-family: "Manrope", sans-serif;	
	
	/*ez is elég vékony nem tul jó*/
	font-family: "Plus Jakarta Sans", sans-serif;		
	
	/*legjobb*/
	font-family: "Outfit", sans-serif;
	
	
	font-weight:800;
	letter-spacing:-0.02em;
}

.logo-highlight{
    color:#ff6b00;
}



/* ==========================================================
MENU
========================================================== */

body.template-tomcar nav.top-menu{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:40px;

}

body.template-tomcar nav.top-menu{

    justify-self:center;

    display:flex;

    align-items:center;

}

body.template-tomcar nav.top-menu ul{

    display:flex;

    gap:40px;

    list-style:none;

}

body.template-tomcar nav.top-menu ul{

    display:flex;

    justify-content:center;

    align-items:center;
	
	list-style:none;

}

body.template-tomcar nav.top-menu li{

    list-style:none;

}

body.template-tomcar nav.top-menu li a{

    color:#364153;

    font-size:16px;

    font-weight:500;

    letter-spacing:.3px;

    position:relative;

}

body.template-tomcar nav.top-menu li a:after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:2px;

    background:#ff6b00;

    transition:.25s;

}

body.template-tomcar nav.top-menu li a:hover:after{

    width:100%;

}

body.template-tomcar nav.top-menu li a:hover{

    color:#ff6b00;

}

/* ==============================
TOPHEADER RIGHT
============================== */

.topheader-right{

    display:flex;

    justify-content:flex-end;

    align-items:center;

}

.topheader{
    flex:0 0 auto;
}


nav.top-menu{
    flex:1;
    justify-content:center;
}


.topheader-right{
    flex:0 0 auto;
}

/* ==============================
SOCIAL
============================== */

.topheader-social{

    display:flex;

    align-items:center;

    gap:18px;

}

.topheader-social a{

    width:28px;

    height:28px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    text-decoration:none;

    transition:.30s;

}

body.template-tomcar .topheader-social a{

    background:#0c273c;

    color:#b9c6d1;

}

body.template-tomcar .topheader-social a:hover{

    background:#38607f;

    color:#fff;

    transform:translateY(-3px);

}

@media (max-width:768px){

    .topheader-right{
        display:none;
    }
	
	body.template-tomcar .topheader-logo a {
		font-size: 28px;
	}

}


/* ==========================================================
CART
========================================================== */

body.template-tomcar #cart-link{

    background:#ff6b00;

    color:#fff;

    padding:12px 22px;

    border-radius:6px;

    font-weight:600;

}

body.template-tomcar #cart-link:hover{

    background:#e65f00;

}

/* ==========================================================
SEARCH
========================================================== */

body.template-tomcar .search-form{

    display:flex;

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:25px;

    overflow:hidden;

    box-shadow:0 8px 20px rgba(0,0,0,.04);

}

body.template-tomcar .search-form input{

    flex:1;

    border:none;

    padding:14px 18px;

    outline:none;

    font-size:15px;

    color:#364153;

}

body.template-tomcar .search-form button{

    width:60px;

    background:#ff6b00;

    color:#fff;

    border:none;

    cursor:pointer;

    transition:.25s;

}

body.template-tomcar .search-form button:hover{

    background:#e55d00;

}

/* ==========================================================
CONTENT
========================================================== */

body.template-tomcar .content-center{

    background:#ffffff;

}

body.template-tomcar .content-left,
body.template-tomcar .content-right{

    background:#ffffff;

    border:1px solid #ececec;

    border-radius:8px;

    padding:20px;
	margin-top:20px;

}

/* ==========================================================
BREADCRUMB
========================================================== */

body.template-tomcar .breadcrumb{

    margin:20px 0;

    font-size:14px;

}

body.template-tomcar .breadcrumb a{

    color:#8b95a1;

}

body.template-tomcar .breadcrumb a:hover{

    color:#ff6b00;

}

/* ==========================================================
   TOMCAR TEMPLATE
   PART 2
   CATEGORY + PRODUCT GRID
========================================================== */


/* ==========================================================
CATEGORY GRID
========================================================== */

body.template-tomcar .category-grid{

     display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:40px;
	
	margin-top:0;

}


/* ==========================================================
CATEGORY CARD
========================================================== */

body.template-tomcar .category-card{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:8px;

    overflow:hidden;

    transition:.28s;

    box-shadow:0 4px 18px rgba(0,0,0,.05);

}

body.template-tomcar .category-card:hover{

    transform:translateY(-6px);

    border-color:#ff6b00;

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}


body.template-tomcar .category-card>a{

    display:block;

}


/* ==========================================================
CATEGORY IMAGE
========================================================== */

body.template-tomcar .cat-image{

    height:230px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:25px;

    background:#fafafa;

    border-bottom:1px solid #ececec;

}


body.template-tomcar .cat-image img{

    width:100%;

    height:100%;

    object-fit:contain;

    transition:.30s;

}


body.template-tomcar .cat-svg{

    width:100%;

    height:100%;

    display:flex;

    justify-content:center;

    align-items:center;

}

body.template-tomcar .cat-svg svg{

    width:85%;

    height:85%;

}


/* finom nagyítás */

body.template-tomcar .category-card:hover .cat-image img{

    transform:scale(1.05);

}


/* ==========================================================
CATEGORY TEXT
========================================================== */

body.template-tomcar .cat-overlay{

    background:#ffffff;

    padding:18px;

    text-align:center;

}


body.template-tomcar .cat-name{

    display:block;

    font-size:18px;

    font-weight:600;

    color:#364153;

    transition:.25s;

}

body.template-tomcar .category-card:hover .cat-name{

    color:#ff6b00;

}


/* ==========================================================
MOBILE menü
========================================================== */

.page-menu li a {
	color: #fff;
}

body.template-tomcar .mobile-category-menu h4 {
	color: #cfb26c;
}


/* ==========================================================
PRODUCT GRID
========================================================== */

body.template-tomcar .product-grid{

    display:grid;

    grid-template-columns:repeat(auto-fill,minmax(240px,1fr));

    gap:28px;

    margin:35px 0;

}


/* ==========================================================
PRODUCT CARD
========================================================== */

body.template-tomcar .product-card{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:8px;

    overflow:hidden;

    transition:.28s;

    box-shadow:0 4px 18px rgba(0,0,0,.05);

}

body.template-tomcar .product-card:hover{

    transform:translateY(-5px);

    border-color:#ff6b00;

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}


body.template-tomcar .product-link{

    display:block;

    text-decoration:none;

}


/* ==========================================================
PRODUCT IMAGE
========================================================== */

body.template-tomcar .product-card img{

    width:100%;

    height:240px;

    object-fit:contain;

    padding:18px;

    background:#fafafa;

    border-bottom:1px solid #ececec;

    transition:.30s;

}


body.template-tomcar .product-card:hover img{

    transform:scale(1.05);

}


/* ==========================================================
PRODUCT TITLE
========================================================== */

body.template-tomcar .product-card h2{

    font-size:18px;

    font-weight:600;

    color:#364153;

    text-align:center;

    padding:18px 16px 10px;

    line-height:1.4;

    min-height:72px;

}


/* ==========================================================
PRICE
========================================================== */

body.template-tomcar .product-card .price{

    font-size:24px;

    font-weight:700;

    color:#ff6b00;

    text-align:center;

    margin-bottom:18px;

}


/* ==========================================================
BUTTON
========================================================== */

body.template-tomcar .product-details-btn{

    display:block;

    width:calc(100% - 30px);

    margin:0 auto 18px;

    background:#ff6b00;

    color:#ffffff;

    border:none;

    border-radius:6px;

    padding:12px;

    font-size:15px;

    font-weight:600;

    cursor:pointer;

    transition:.25s;

}

body.template-tomcar .product-details-btn:hover{

    background:#364153;

}


/* ==========================================================
SECTION TITLES
========================================================== */

body.template-tomcar .content-center>h3{

    font-size:30px;

    margin-top:10px;

    margin-bottom:25px;

    color:#364153;

    position:relative;

    padding-bottom:12px;

}

body.template-tomcar .content-center>h3::after{

    content:"";

    width:70px;

    height:3px;

    background:#ff6b00;

    position:absolute;

    left:0;

    bottom:0;

}

/* ==========================================================
   TOMCAR TEMPLATE
   PART 3
   PRODUCT PAGE
========================================================== */


/* ==========================================================
PRODUCT PAGE
========================================================== */

body.template-tomcar .product-page{

    margin:35px 0;

}


/* ==========================================================
TOP
========================================================== */

body.template-tomcar .product-top{

    display:grid;

    grid-template-columns:1.1fr 1fr;

    gap:50px;

    align-items:start;

}


/* ==========================================================
LEFT
========================================================== */

body.template-tomcar .product-images{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:10px;

    padding:25px;

    box-shadow:0 6px 20px rgba(0,0,0,.05);

}


/* ==========================================================
MAIN IMAGE
========================================================== */

body.template-tomcar .image-wrapper{

    display:flex;

    justify-content:center;

    align-items:center;

    background:#fafafa;

    border:1px solid #ececec;

    border-radius:8px;

    padding:25px;

    min-height:520px;

}

body.template-tomcar .main-image{

    width:100%;

    max-height:460px;

    object-fit:contain;

    cursor:zoom-in;

}


/* ==========================================================
THUMBNAILS
========================================================== */

body.template-tomcar .thumbnails{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-top:20px;

}

body.template-tomcar .thumb{

    width:82px;

    height:82px;

    object-fit:contain;

    border:1px solid #ddd;

    border-radius:6px;

    padding:6px;

    cursor:pointer;

    transition:.25s;

    background:#fff;

}

body.template-tomcar .thumb:hover{

    border-color:#ff6b00;

    transform:translateY(-3px);

}


/* ==========================================================
RIGHT SIDE
========================================================== */

body.template-tomcar .product-info{

    display:flex;

    flex-direction:column;

}


/* ==========================================================
TITLE
========================================================== */

body.template-tomcar .product-info h2{

    font-size:38px;

    color:#364153;

    margin-bottom:10px;

}


/* ==========================================================
PRICE
========================================================== */

body.template-tomcar .product-info h3{

    font-size:34px;

    color:#ff6b00;

    margin-bottom:30px;

}


/* ==========================================================
BUY BUTTON
========================================================== */

body.template-tomcar #add-to-cart{

    width:100%;

    background:#ff6b00;

    color:#fff;

    border:none;

    border-radius:8px;

    padding:18px;

    font-size:18px;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

body.template-tomcar #add-to-cart:hover{

    background:#364153;

}


/* ==========================================================
PHONE BOX
========================================================== */

body.template-tomcar .order-phone{

    margin-top:25px;

    padding:18px;

    border:1px solid #ececec;

    border-radius:8px;

    background:#fafafa;

}

body.template-tomcar .order-phone strong{

    display:block;

    margin-bottom:8px;

}

body.template-tomcar .order-phone a{

    color:#ff6b00;

    font-size:24px;

    font-weight:700;

}


/* ==========================================================
MONEY BACK
========================================================== */

body.template-tomcar .money-back{

    margin-top:20px;

    background:#fff8eb;

    border-left:5px solid #ff6b00;

    padding:18px;

    border-radius:6px;

    color:#364153;

    font-weight:600;

}


/* ==========================================================
MESSAGE
========================================================== */

body.template-tomcar .cart-message{

    margin-top:18px;

}


/* ==========================================================
BOTTOM
========================================================== */

body.template-tomcar .product-bottom{

    margin-top:0px;

    display:grid;

    grid-template-columns:800px 1fr;

    gap:35px;

}


/* ==========================================================
PARAMETERS
========================================================== */

body.template-tomcar .product-parameters{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:8px;

    padding:25px;

}

body.template-tomcar .product-parameters h3{

    margin-bottom:20px;

    color:#364153;

}

body.template-tomcar .param-item{

    padding:12px 0;

    border-bottom:1px solid #ececec;

    font-size:15px;

}

body.template-tomcar .param-item:last-child{

    border-bottom:none;

}


/* ==========================================================
DESCRIPTION
========================================================== */

body.template-tomcar .product-description{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:8px;

    padding:30px;

}

body.template-tomcar .product-description h3{

    margin-bottom:20px;

    color:#364153;

}

body.template-tomcar .description-content{

    line-height:1.9;

    color:#4b5563;

}

body.template-tomcar .description-content table{

    width:100%;

    border-collapse:collapse;

    margin:25px 0;

}

body.template-tomcar .description-content td{

    border:1px solid #ececec;

    padding:12px;

}

body.template-tomcar .description-content img{

    max-width:100%;

    height:auto;

}




body.template-tomcar .catalog-title{

    margin-top:25px;

    font-weight:600;

    color:#364153;

}

body.template-tomcar #selected-color{

    color:#ff6b00;

}


/* ==========================================================
LIGHTBOX
========================================================== */

body.template-tomcar .lightbox{

    background:rgba(0,0,0,.92);

}

/* ==========================================================
   TOMCAR TEMPLATE
   PART 4
   FOOTER + SIDEBAR + PAGINATION + MOBILE
========================================================== */


/* ==========================================================
SIDEBAR
========================================================== */

body.template-tomcar .content-left,
body.template-tomcar .content-right{

    display:flex;
    flex-direction:column;
    gap:20px;

}

body.template-tomcar .content-left>*,
body.template-tomcar .content-right>*{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:8px;

    padding:20px;

    box-shadow:0 3px 15px rgba(0,0,0,.04);

}


/* ==========================================================
USP
========================================================== */

body.template-tomcar .usp-item{

    background:#ffffff;

    border:1px solid #ececec;

    border-radius:8px;

    padding:18px;

    transition:.25s;

}

body.template-tomcar .usp-item:hover{

    border-color:#ff6b00;

    transform:translateY(-3px);

}

body.template-tomcar .usp-title{

    font-weight:600;

    color:#364153;

    margin-bottom:10px;

}


/* ==========================================================
THREE COLUMN BOXES
========================================================== */

body.template-tomcar .three-col{

    background:#ffffff;

    border:1px solid #ececec;

    border-radius:8px;

    padding:30px;

    box-shadow:0 4px 18px rgba(0,0,0,.05);

}


/* ==========================================================
PAGINATION
========================================================== */



body.template-tomcar .pagination a:hover{

    background:#ff6b00;

    border-color:#ff6b00;

    color:#ffffff;

}

body.template-tomcar .pagination .active{

    background:#ff6b00;

    border-color:#ff6b00;

    color:#ffffff;

}

/* ================================
CONTACT CARD
================================ */

body.template-tomcar h4 {
	color:#ff9400;
}

body.template-tomcar .contact-card {
	background: #fffcf8;
	border: 1px solid #ffeed7;
}

body.template-tomcar  .contact-map-card {
	border: 1px solid #ffeed7;
}

body.template-tomcar .contact-map-card .map-title { 
	background: #fffcf8;
	color: #ff9400;
}



body.template-tomcar .contact-list i {
	color: #ff9400;
}

body.template-tomcar .contact-map-card .map-title i {
	color: #ff9400;
}

body.template-tomcar .contact-card h2 {
	color: #ff9400;
}

body.template-tomcar .contact-divider {
	border-top: 1px solid #ffeed7;
}


/* ==========================================================
FOOTER
========================================================== */

body.template-tomcar #footer{

    margin-top:80px;

    background:#0f172a;

    color:#d3d9e2;

}

div#footer .footer {
	background:#0f172a;
}

body.template-tomcar #footer .row{

    max-width:1400px;

    margin:auto;

    padding:55px 30px;

}

body.template-tomcar #footer h1,
body.template-tomcar #footer h2,
body.template-tomcar #footer h3,
body.template-tomcar #footer h4{

    color:#ffffff;

    margin-bottom:18px;

}

body.template-tomcar #footer p{

    color:#cbd5e1;

}

body.template-tomcar #footer a{

    color:#d3d9e2;

    transition:.25s;

}

body.template-tomcar #footer a:hover{

    color:#ff6b00;

}

body.template-tomcar #footer ul{

    list-style:none;

    padding:0;

}

body.template-tomcar #footer li{

    margin-bottom:10px;

}


/* ==========================================================
FOOTER 2
========================================================== */

body.template-tomcar #footer {
	background:#0c273c;
}

div#footer .footer {
	 background:#0c273c;
}

body.template-tomcar #footer .row {
	max-width: 1400px;
    margin: auto;
    padding: 1px 30px;
}

.footer{

    background:#0c273c;

    color:#dbe6ed;

    padding:0px 0 30px;

    margin-top:60px;

}

.footer-container{

    width:min(1400px,95%);

    margin:auto;

}


/* ==========================================================
FOOTER 2 TOP
========================================================== */

.footer-top{

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    margin-bottom:45px;

}

.footer-logo{

    width:95px;

    height:auto;

    margin-bottom:18px;

}

.footer-slogan{

    color:#d2dde5;

    font-size:17px;

    line-height:1.6;

    max-width:700px;

}


/* ==========================================================
FOOTER 2 DIVIDER
========================================================== */

.footer-divider{

    width:100%;

    height:1px;

    /*background:rgba(255,255,255,.15);*/
	background: #2f4355;

    margin:10px 0 55px;

}


/* ==========================================================
FOOTER 2 GRID
========================================================== */

.footer-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1fr;

    gap:70px;

    align-items:flex-start;

}


/* ==========================================================
FOOTER 2 COLUMN
========================================================== */

.footer-column{

    display:flex;

    flex-direction:column;

}

.footer-column h3{

    color:#ffffff;

    font-size:42px;

    margin-bottom:22px;

    font-weight:700;

}

.footer-column h4{

    color:#ffffff;

    font-size:24px;

    margin-bottom:25px;

    font-weight:600;

}


/* ==========================================================
FOOTER 2 LISTA
========================================================== */

.footer-column ul{

    list-style:none;

    margin:0;

    padding:0;

}

.footer-column li{

    margin-bottom:14px;

}

.footer-column a{

    color:#c8d6df;

    text-decoration:none;

    transition:.25s;

}

.footer-column a:hover{

    color:#ffffff;

    padding-left:6px;

}


/* ==========================================================
FOOTER 2 KAPCSOLAT
========================================================== */

.footer-phone{

    font-size:34px;

    font-weight:700;

    color:#ff7648;

    margin-bottom:18px;

}

.footer-mail,
.footer-address,
.footer-open,
.footer-contact-person{

    color:#cfdbe3;

    margin-bottom:12px;

    line-height:1.7;

}

/* ==========================================================
FOOTER 2 BOTTOM
========================================================== */

.footer-bottom{

    margin-top:60px;

    padding-top:28px;

    /*border-top:1px solid rgba(255,255,255,.12);*/
	border-top:1px solid #2f4355;	

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

    flex-wrap:wrap;

}

.footer-copy{

    color:#9fb1bc;

    font-size:15px;

    line-height:1.7;

}

.footer-copy a{

    color:#dce8ef;

    text-decoration:none;

}

.footer-copy a:hover{

    color:#ffffff;

}


/* ==========================================================
FOOTER 2 SOCIAL ICONS
========================================================== */

.footer-social{

    display:flex;

    align-items:center;

    gap:18px;

}

.footer-social a{

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:#ffffff;

    font-size:26px;

    text-decoration:none;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.08);

    transition:.30s;

}

.footer-social a:hover{

    transform:translateY(-4px);

    background:#ff7648;

    border-color:#ff7648;

    box-shadow:0 10px 25px rgba(255,118,72,.35);

}


/* ==========================================================
FOOTER 2 ANIMÁCIÓK
========================================================== */

.footer-column a,
.footer-social a,
.footer-phone{

    transition:all .28s ease;

}

.footer-phone:hover{

    color:#ff9b79;

}


/* ==========================================================
FOOTER 2 RESPONSIVE
========================================================== */

@media (max-width:1100px){

.footer-grid{

    grid-template-columns:1fr 1fr;

    gap:45px;

}

.footer-column:first-child{

    grid-column:1 / -1;

}

}


@media (max-width:768px){

.footer{

    padding:1px 0 25px;

}

.footer-top{

    margin-bottom:35px;

}

.footer-logo{

    width:80px;

}

.footer-slogan{

    font-size:15px;

}

.footer-grid{

    grid-template-columns:1fr;

    gap:35px;

}

.footer-column{

    text-align:center;

    align-items:center;

}

.footer-column h3{

    font-size:34px;

}

.footer-column h4{

    font-size:22px;

}

.footer-column ul{

    width:100%;

}

.footer-bottom{

    flex-direction:column;

    text-align:center;

}

.footer-social{

    justify-content:center;

}

}


@media (max-width:480px){

.footer{

    padding:5px 0 20px;

}

.footer-column h3{

    font-size:30px;

}

.footer-column h4{

    font-size:20px;

}

.footer-phone{

    font-size:28px;

}

.footer-copy{

    font-size:14px;

}

.footer-social a{

    width:42px;

    height:42px;

    font-size:22px;

}

}


/* ==========================================================
LIGHTBOX
========================================================== */

body.template-tomcar .lightbox{

    background:rgba(0,0,0,.94);

}

body.template-tomcar .lightbox-content{

    border-radius:8px;

}

body.template-tomcar .close{

    color:#ffffff;

    font-size:42px;

}


/* ==========================================================
SCROLLBAR
========================================================== */

body.template-tomcar ::-webkit-scrollbar{

    width:10px;

}

body.template-tomcar ::-webkit-scrollbar-thumb{

    background:#ff6b00;

    border-radius:20px;

}

body.template-tomcar ::-webkit-scrollbar-track{

    background:#f2f2f2;

}


/* ==========================================================
HOVER EFFECTS
========================================================== */

body.template-tomcar img{

    transition:.30s;

}

body.template-tomcar button,
body.template-tomcar a{

    transition:.25s;

}


/* ==========================================================
TABLET
========================================================== */

@media (max-width:1100px){

body.template-tomcar .layout-3col{

    grid-template-columns:1fr;

}

body.template-tomcar .layout-2col{

    grid-template-columns:1fr;

}

body.template-tomcar .product-top{

    grid-template-columns:1fr;

}

body.template-tomcar .product-bottom{

    grid-template-columns:1fr;

}

body.template-tomcar nav.top-menu{

    display:none;

}

body.template-tomcar .hamburger{

    display:block;

}

}


/* ==========================================================
MOBILE
========================================================== */

@media (max-width:768px){

body.template-tomcar .container{

    padding:0 15px;

}

body.template-tomcar .category-grid{

    grid-template-columns:1fr;

}

body.template-tomcar .product-grid{

    grid-template-columns:repeat(2,1fr);

}

body.template-tomcar .product-info h2{

    font-size:28px;

}

body.template-tomcar .product-info h3{

    font-size:26px;

}

body.template-tomcar .image-wrapper{

    min-height:320px;

}

body.template-tomcar .main-image{

    max-height:280px;

}

body.template-tomcar .thumb{

    width:65px;

    height:65px;

}

}


/* ==========================================================
SMALL MOBILE
========================================================== */

@media (max-width:520px){

body.template-tomcar .product-grid{

    grid-template-columns:1fr;

}

body.template-tomcar .category-grid{

    gap:20px;

}

body.template-tomcar #cart-link{

    padding:10px 15px;

    font-size:14px;

}

body.template-tomcar h1{

    font-size:28px;

}

body.template-tomcar h2{

    font-size:24px;

}

body.template-tomcar h3{

    font-size:20px;

}

}


@media (max-width:1100px){

    body.template-tomcar .content-left{
        display:none;
    }

}