/* ===== RESET ===== */
* {margin:0;padding:0;box-sizing:border-box;}
html {background:#000000;}
body {font-size:14px;font-family:'Montserrat',sans-serif;font-weight:300;background:#000000;color:#fff;overflow-x:hidden;min-height:100%;min-width:320px;padding-top:120px;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;}
.clear {clear:both;width:0;height:0;overflow:hidden;font-size:0;line-height:0;}
a {-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;text-decoration:none;color:#fff;-webkit-appearance:none;}
a:hover {text-decoration:none;opacity:0.7;}
b,strong {font-weight:600;}
img {max-width:100%;display:block;}
input,textarea,select {font-family:'Montserrat',sans-serif;-webkit-appearance:none;border-radius:0;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;font-weight:300;}

/* ===== BUTTONS ===== */
.btn {color:#fff;position:relative;text-align:center;display:inline-block;font-family:'Montserrat',sans-serif;font-weight:300;-webkit-appearance:none;border:3px solid #ffffff;background:transparent;font-size:16px;padding:19px 32px;height:auto;border-radius:30px;cursor:pointer;text-align:center;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;}
.btn:hover {text-decoration:none;background:#fff;color:#000;}
.btn-white {color:#fff;border-color:#fff;}
.btn-white:hover {color:#d3686a;background:#fff;}
.btn-black {color:#000;border-color:#000;}
.btn-black:hover {color:#fff;background:#000;}
.pull-left {float:left;}
.pull-right {float:right;}
.desktop {display:block;}
.mobile {display:none!important;}

/* ===== CONTAINER ===== */
.cont {padding:0 20px;position:relative;margin:0 auto;max-width:1320px;}

/* ===== HEADER ===== */
header {border-bottom:1px solid #262626;position:fixed;top:0;left:0;width:100%;z-index:1000;background:#000000;}
.header-cont {display:flex;justify-content:space-between;align-items:center;padding:20px 20px;position:relative;}
header .logo-cont {display:flex;align-items:center;width:270px;flex-shrink:0;}
header .logo {width:210px;height:52px;background:url('/images/logo.png') no-repeat;background-size:contain;}
header .menu-btn {width:32px;cursor:pointer;position:relative;z-index:1001;}
header .menu-btn span {display:block;height:3px;background:#fff;border-radius:2px;margin:7px 0;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
header .menu-btn.active .line-1 {-webkit-transform:rotate(45deg) translate(7px, 7px);-ms-transform:rotate(45deg) translate(7px, 7px);transform:rotate(45deg) translate(7px, 7px);}
header .menu-btn.active .line-2 {opacity:0;}
header .menu-btn.active .line-3 {-webkit-transform:rotate(-45deg) translate(7px, -7px);-ms-transform:rotate(-45deg) translate(7px, -7px);transform:rotate(-45deg) translate(7px, -7px);}
header .contact-cont {text-align:center;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:0;width:auto;}
header .contact-cont span {display:block;font-size:14px;line-height:18px;}
header .contact-cont a {display:block;font-size:24px;line-height:24px;}

/* ===== MOBILE MENU ===== */
.mobile-menu {position:fixed;top:0;left:0;width:100%;height:100%;background:#000000;z-index:999;padding:120px 20px 40px;overflow-y:auto;display:none;}
.mobile-menu.open {display:block;}
.mobile-menu ul {list-style:none;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:900px;margin:0 auto;}
.mobile-menu ul li {margin:0 0 30px 0;width:33.33%;}
.mobile-menu ul li a {font-size:20px;text-transform:uppercase;font-weight:300;}
.mobile-menu .contacts {text-align:center;margin-top:60px;padding-top:40px;border-top:1px solid #262626;width:100%;}
.mobile-menu .contacts span {display:block;font-size:14px;line-height:24px;}
.mobile-menu .contacts a {display:block;font-size:20px;line-height:24px;}

/* ===== BREADCRUMBS ===== */
.bread {text-align:center;padding:46px 0 20px 0;}
.bread-cont {color:#8b8b8b;margin:0 0 30px 0;}
.bread-cont * {margin:0 7px;}
.bread a {color:#8b8b8b;}
.bread span {}
.bread .sep {font-size:10px;}
.bread .page-title {font-size:38px;text-transform:uppercase;font-weight:300;}

/* ===== TEXT-IMAGE BLOCKS ===== */
.text-image {margin:0 0 20px 0;}
.text-image-cont {display:flex;margin:0;overflow:hidden;border-radius:10px;}
.text-image .text {width:50%;background:#121212;}
.text-image .text-cont {padding:70px 60px 50px 60px;}
.text-image .text .name {font-size:44px;text-transform:uppercase;font-weight:300;margin:0 0 24px 0;}
.text-image .text .small {margin:0 0 24px 0;font-size:30px;}
.text-image .text .short {font-size:16px;line-height:26px;max-height:none;height:auto;}
.text-image .text .btn {margin-bottom:44px;}
.text-image .image {width:50%;background:#121212;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.text-image .image img {width:100%;height:100%;object-fit:cover;}

/* ===== MAP ===== */
.map-full {width:100%;height:400px;background:#121212;margin:40px 0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.map-full iframe {width:100%;height:100%;border:0;}

/* ===== CATALOG PAGE ===== */
.catalog-items {padding:0 0 80px 0;}
.catalog-items .items-grid {display:flex;flex-wrap:wrap;margin:0 -5px;}
.catalog-items .item-card {width:calc(25% - 10px);margin:0 5px 10px;text-align:center;background:#121212;border-radius:10px;padding:20px 20px 25px;min-height:420px;display:flex;flex-direction:column;}
.catalog-items .item-card .image {flex:1;margin-bottom:15px;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.catalog-items .item-card .image img {width:100%;height:100%;object-fit:contain;max-height:350px;}
.catalog-items .item-card .name {font-size:16px;text-transform:uppercase;font-weight:300;margin-top:auto;}
.catalog-items .item-card .price {font-size:18px;font-weight:500;color:#fff;margin-top:8px;}

/* ===== ITEM PAGE ===== */
.item-page {padding:0 0 80px 0;}
.item-page-cont {display:flex;gap:60px;}
.item-page .image-col {flex:0 0 45%;}
.item-page .image-col .main-image {background:#121212;border-radius:10px;padding:40px;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;position:relative;}
.item-page .image-col .main-image img {width:100%;height:auto;object-fit:contain;max-height:500px;cursor:zoom-in;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
.item-page .info-col {flex:1;}
.item-page .info-col h1 {font-size:32px;text-transform:uppercase;font-weight:300;margin:0 0 20px 0;}
.item-page .info-col .price {font-size:28px;font-weight:500;color:#fff;margin:0 0 20px 0;}
.item-page .info-col .description {font-size:16px;line-height:26px;color:#8b8b8b;margin:0 0 30px 0;}
.item-page .info-col .specs {background:#121212;border-radius:10px;padding:30px;margin:0 0 20px 0;}
.item-page .info-col .specs h3 {font-size:18px;text-transform:uppercase;margin:0 0 15px 0;}
.item-page .info-col .specs table {width:100%;font-size:14px;}
.item-page .info-col .specs table td {padding:8px 0;border-bottom:1px solid #262626;}
.item-page .info-col .specs table td:first-child {color:#8b8b8b;width:40%;}
.item-page .info-col .options-block {background:#121212;border-radius:10px;padding:30px;margin:0 0 20px 0;}
.item-page .info-col .options-block h3 {font-size:18px;text-transform:uppercase;margin:0 0 15px 0;}
.item-page .info-col .options-block .tags {display:flex;flex-wrap:wrap;gap:10px;}
.item-page .info-col .options-block .tags .tag {background:#262626;padding:8px 20px;border-radius:20px;font-size:13px;display:flex;align-items:center;}
.item-page .info-col .options-block .tags .tag img {display:inline-block;width:20px;height:20px;margin-right:8px;border-radius:4px;object-fit:cover;}

/* ===== LIGHTBOX ===== */
.lightbox {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:9999;align-items:center;justify-content:center;cursor:pointer;padding:40px;}
.lightbox.open {display:flex;}
.lightbox img {max-width:90%;max-height:90%;object-fit:contain;}
.lightbox .close-btn {position:absolute;top:30px;right:40px;font-size:40px;color:#fff;cursor:pointer;background:none;border:none;font-family:'Montserrat',sans-serif;font-weight:300;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
.lightbox .close-btn:hover {opacity:0.7;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}

/* ===== SLIDER ===== */
.slider-gallery {margin:0 0 30px 0;position:relative;width:100%;}
.slider-gallery .item {background:#121212;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding-bottom:40%;}
.slider-gallery .item img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.slider-gallery .item .slide-text {position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center;background:rgba(0,0,0,0.7);padding:20px 40px;border-radius:10px;width:75%;max-width:75%;}
.slider-gallery .item .slide-text h2 {font-size:36px;text-transform:uppercase;font-weight:300;margin:0 0 8px 0;}
.slider-gallery .item .slide-text p {font-size:24px;color:#8b8b8b;margin:0;}
.owl-dots .owl-dot {display:inline-block;width:32px;height:3px;border-radius:3px;background:#231f20;margin:0 10px;}
.owl-dots .owl-dot.active,
.owl-dots .owl-dot:hover {background:#fff;}
.owl-controls {text-align:center;margin-top:15px;}

/* ===== FOOTER ===== */
footer .top {display:flex;justify-content:space-between;align-items:center;padding:0 60px;}
footer .top .logo {width:210px;height:52px;background:url('/images/logo.png') no-repeat;background-size:contain;}
footer .top .title {font-size:16px;line-height:20px;}
footer .center {display:flex;justify-content:space-between;border-bottom:1px solid #262626;border-top:1px solid #262626;margin:75px 0 48px 0;padding:60px 60px 40px;}
footer .center .column {width:33.33%;}
footer .center .column ul {list-style:none;}
footer .center .column ul li {margin:0 0 20px 0;}
footer .center .column ul li a {text-transform:uppercase;font-size:14px;}
footer .center .phone {font-weight:normal;font-size:20px;display:inline-block;margin:-5px 0 20px 0;white-space:nowrap;}
footer .center .mail {font-size:16px;}
footer .bottom {font-size:12px;line-height:30px;padding:0;text-align:center;}
footer .bottom-top {display:flex;justify-content:space-between;padding:0 0 48px 0;width:100%;}
footer .bottom .copy {width:25%;text-align:left;}
footer .bottom .small {line-height:18px;margin:5px 0 0 0;width:75%;text-align:right;}

/* ===== RESPONSIVE ===== */
@media screen and (max-width: 1024px) {
    .catalog-items .item-card {width:calc(33.333% - 10px);}
    .item-page-cont {flex-direction:column;}
    .item-page .image-col {flex:1;}
}

@media screen and (max-width: 800px) {
    .desktop {display:none!important;}
    .mobile {display:block!important;}
    body {min-width:100%;padding-top:100px;}
    .cont {width:auto;padding:0 20px;}
    
    .header-cont {padding:15px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;}
    header .logo-cont {width:208px;margin:0 auto;}
    header .logo {width:208px;height:52px;margin:0 auto;}
    header .menu-btn {width:22px;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
    header .menu-btn span {margin:5px 0;}
    header .contact-cont {display:block;font-size:20px;position:static;-webkit-transform:none;-ms-transform:none;transform:none;text-align:center;}
    header .contact-cont span {font-size:20px;line-height:28px;}
    header .contact-cont a {font-size:24px;line-height:28px;}
    
    .mobile-menu ul li {width:50%;}
    .mobile-menu ul li a {font-size:16px;}
    
    .catalog-block .title {font-size:24px;margin:0 0 39px 0;}
    .catalog-block .list {margin:0;display:block;}
    .catalog-block .list .item {width:100%;margin:0 0 37px 0;}
    .catalog-block .list .item .image {min-height:150px;}
    
    .text-image-cont {display:block;margin:0;flex-direction:column!important;border-radius:10px;overflow:hidden;}
    .text-image {margin:0 0 20px 0;}
    .text-image .text {width:100%;}
    .text-image .image {width:100%;min-height:200px;}
    .text-image .text-cont {padding:30px 20px 40px;text-align:center;}
    .text-image .text .name {font-size:22px;}
    .text-image .text .short {height:auto;font-size:14px;line-height:24px;margin-bottom:24px;}
    
    .catalog-items .item-card {width:calc(100% - 10px);margin:0 5px 10px;min-height:300px;padding:15px 15px 20px;}
    .catalog-items .item-card .image {min-height:300px;}
    .catalog-items .item-card .image img {max-height:400px;}
    .catalog-items .item-card .name {font-size:24px;}
    .catalog-items .item-card .price {font-size:20px;}
    
    .item-page .image-col .main-image {min-height:350px;padding:20px;}
    .item-page .image-col .main-image img {max-height:400px;}
    .item-page .info-col h1 {font-size:24px;}
    .item-page .info-col .price {font-size:24px;}
    
    .bread {padding:20px 0 15px 0;}
    .bread-cont {margin:0 0 20px 0;}
    .bread .page-title {font-size:24px;}
    
    .map-full {height:250px;margin:20px 0;}
    
    .slider-gallery .item {padding-bottom:100%;}
    .slider-gallery .item .slide-text {bottom:20px;padding:12px 24px;max-width:90%;}
    .slider-gallery .item .slide-text h2 {font-size:24px;}
    .slider-gallery .item .slide-text p {font-size:16px;}
    
    footer .top {display:block;text-align:center;padding:20px 0 0;}
    footer .top .logo {display:inline-block;width:160px;height:40px;}
    footer .top .title {font-size:14px;line-height:22px;margin:30px 0 30px;}
    footer .center {margin:30px 0 30px;padding:30px 0;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;}
    footer .center .column {width:33.33%;margin:0 0 20px 0;text-align:center;}
    footer .center .column ul li a {font-size:12px;}
    footer .center .column ul li {margin:0 0 12px 0;}
    footer .center .phone {font-size:18px;white-space:normal;}
    footer .bottom {padding:0;text-align:center;}
    footer .bottom-top {display:block;padding:0 0 30px 0;}
    footer .bottom .copy {width:100%;text-align:center;}
    footer .bottom .small {width:100%;text-align:center;}
    
    .lightbox {padding:20px;}
    .lightbox .close-btn {top:20px;right:20px;font-size:30px;}
}

@media screen and (max-width: 480px) {
    .catalog-items .item-card {min-height:260px;}
    .catalog-items .item-card .image {min-height:250px;}
    .catalog-items .item-card .image img {max-height:350px;}
    .catalog-items .item-card .name {font-size:20px;}
    .catalog-items .item-card .price {font-size:18px;}
    
    .item-page .image-col .main-image {min-height:300px;}
    .item-page .image-col .main-image img {max-height:350px;}
    .item-page .info-col h1 {font-size:20px;}
    .item-page .info-col .price {font-size:20px;}
    
    footer .center .column {width:50%;}
    .mobile-menu ul li {width:50%;}
    .mobile-menu ul li a {font-size:14px;}
    
    .slider-gallery .item {padding-bottom:100%;}
    .slider-gallery .item .slide-text {bottom:10px;padding:8px 16px;}
    .slider-gallery .item .slide-text h2 {font-size:18px;}
    .slider-gallery .item .slide-text p {font-size:12px;}
}