body{
    margin:0;
    padding:0;
    background:#f7f5f2;
    font-family:Arial, sans-serif;
}

.container{
    width:100%;
    padding:0;
    margin:0;
    max-width:none;
}

h1{
    text-align:center;
    color:#943778;
    letter-spacing:4px;
    margin-bottom:10px;
}

h2{

    text-align:center;

    font-family:'Cormorant Garamond', serif;

    font-size:34px;

    font-weight:600;

    letter-spacing:2px;

    color:#630000;

    margin-bottom:25px;

}

.subtitle{

    text-align:center;

    font-family:'Cinzel', serif;

    font-size:18px;

    letter-spacing:1px;

    color:#6d5b42;

    margin-top:8px;

    margin-bottom:20px;

}

.categories{

    display:flex;

    gap:18px;

    overflow-x:auto;

    overflow-y:hidden;

    padding:10px 15px 20px;

    margin-top:20px;

    scroll-behavior:smooth;

}
.categories::-webkit-scrollbar{

    display:none;

}
.categories .card{

    position:relative;

    min-width:120px;

    width:120px;

    height:120px;

    flex-shrink:0;

    border-radius:26px;

    background:linear-gradient(
    145deg,
    #7a0000,
    #630000
);

    border:1px solid #b89c52;

    box-shadow:
        0 6px 12px rgba(0,0,0,0.15);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    padding:0;

}
.categories .card::before{

    content:"";

    position:absolute;

    top:8px;

    left:8px;

    right:8px;

    bottom:8px;

    border-radius:20px;

    border:1px solid rgba(212,176,106,0.35);

    pointer-events:none;

}

.catalog-image-wrapper{

    margin-top:36px;

}

.card{

    position:relative;

    background:rgb(255, 255, 255);

    border-radius:8px;

    padding:25px;

    text-align:center;

    font-size:20px;

    cursor:pointer;

    border:1px solid rgba(0,0,0,0.05);

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

    transition:0.3s;
}

.favorite-button{

    position:absolute;

    top:16px;

    right:16px;

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

    cursor:pointer;

    user-select:none;

    border-radius:14px;

    background:rgba(255, 255, 255, 0);

    color:#000000;

    backdrop-filter:blur(3px);

    box-shadow:0 4px 12px rgba(0,0,0,.10);

    transition:
    transform .18s ease,
    box-shadow .20s ease,
    background .20s ease,
    color .20s ease;

}

.favorite-button svg{

    width:20px;

    height:20px;

}

.favorite-button.active{

    background:#ffffff;

    color:#ff0000;

    transform:scale(1.05);

}

.favorite-button:hover{

    transform:scale(1.02);

    box-shadow:0 6px 16px rgba(11, 46, 245, 0.25);

}

.favorite-button:active{

    transform:scale(.92);

}

.favorite-button{

    color:#2f2f2f;

}

.share-button{

    position:absolute;

    top:16px;

    left:16px;

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:14px;

    background:rgba(255, 255, 255, 0);

    color:#000000;

    backdrop-filter:blur(3px);

    box-shadow:0 4px 12px rgba(0,0,0,.10);

    cursor:pointer;

    transition:
        transform .18s ease,
        box-shadow .20s ease,
        background .20s ease,
        color .20s ease;

}

.share-button:hover{

    transform:scale(1.08);

    box-shadow:0 5px 14px rgba(0,0,0,.25);

}

.share-button svg{

    width:20px;

    height:20px;

}

.card h3{

    font-family:"Cormorant Garamond", serif;

    font-size:22px;

    font-weight:600;

    color:#2c0505;

    line-height:1.3;

    margin:14px 0 10px;

    letter-spacing:.4px;

}
.card:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(0,0,0,0.12);

}
button{
    background:#333;
    color:white;
    border:none;
    padding:12px 20px;
    border-radius:10px;
    cursor:pointer;
    font-size:15px;
}

button:hover{
    opacity:0.9;
}

.product-card{

    padding-top:42px;

}

.product-title{
    font-size:28px;
    margin-bottom:10px;
}

.product-price{
    font-size:22px;
    font-weight:bold;
    margin-bottom:15px;
}

.product-price-uah{

    display:block;

    margin-top:6px;

    color:#7b7b7b;

    font-size:15px;

    font-weight:500;

}

.product-image {
    width: 100%;
    max-width: 350px;
    height: auto;
    border-radius: 10px;
    margin: 10px 0;
    cursor:pointer;
    transition:.25s;
}
.product-image:hover{

    transform:scale(1.015);

}
.catalog-image{

    width:100%;

    height:220px;

    object-fit:cover;

    border-radius:14px;

    margin-bottom:10px;

}
.products-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    animation:fadeProducts .22s ease;

}

.products-grid .card{
    margin:0;
}

#search-container{

    padding:0 20px;

    margin:10px 0 20px;

}

#searchInput{
    width:100%;
    max-width:none;

    padding:14px 18px;

    font-size:16px;

    border:2px solid #c9a25b;
    border-radius:16px;

    box-sizing:border-box;

    box-shadow:0 3px 12px rgba(0,0,0,0.08);

    transition:0.3s;
}
#searchInput:focus{
    outline:none;

    box-shadow:0 5px 18px rgba(0,0,0,0.15);

    transform:scale(1.02);
}
.status{
    display:inline-block;

    padding:6px 12px;

    border-radius:20px;

    font-size:14px;
    font-weight:600;

    margin-top:10px;
}
.status-available{

    background:#e7f6ea;

    color:#1f7a35;

}

.status-reserved{

    background:#fff3cd;

    color:#9a6a00;

}

.status-sold{

    background:#fde8e8;

    color:#b42318;

}
.banner-image{

    width:calc(100% - 64px);

    max-height:590px;

    margin:24px 32px 12px;

    border-radius:24px;

    display:block;

    object-fit:cover;

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

}
.category-icon{

    font-size:34px;

    margin-bottom:4px;

    line-height:1;

}
.category-title{

    font-family:'Cormorant Garamond', serif;

    font-size:20px;

    font-weight:600;

    letter-spacing:1.5px;

    color:#f5ebdd;

}
.product-price{

    font-size:24px;

    font-weight:700;

    margin-top:10px;

    color:#2f2a24;

}
.status-badge{

    display:inline-block;

    padding:6px 14px;

    border-radius:20px;

    font-size:14px;

    font-weight:600;

}

.product-price{

    font-size:26px;

    font-weight:700;

    margin:10px 0;

    color:#2f2a24;

}
#scrollTopBtn{

    position:fixed;

    bottom:20px;

    right:20px;

    width:55px;

    height:55px;

    display:none;

    align-items:center;

    justify-content:center;

    border:none;

    border-radius:50%;

    background:rgba(221, 221, 221);

    color:#000000;

    cursor:pointer;

    user-select:none;

    backdrop-filter:blur(3px);

    box-shadow:0 3px 10px rgba(0,0,0,.18);

    transition:
        transform .18s ease,
        box-shadow .20s ease,
        background .20s ease,
        color .20s ease;

    z-index:999;

}

#scrollTopBtn:hover{

    transform:scale(1.08);

    box-shadow:0 6px 16px rgba(0,0,0,.25);

}

#scrollTopBtn:active{

    background:#6D1F32;

    color:#E4C27A;

    transform:scale(.94);

}

#backBtn {

    position: fixed;

    bottom: 90px;

    right: 20px;

    width: 55px;

    height: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: none;

    border-radius: 50%;

    background: rgb(221, 221, 221);

    color: #000000;

    cursor: pointer;

    user-select: none;

    backdrop-filter: blur(3px);

    box-shadow: 0 3px 10px rgba(0,0,0,.18);

    transition:
        transform .18s ease,
        box-shadow .20s ease,
        background .20s ease,
        color .20s ease;

    z-index: 999;

}

#backBtn:hover{

    transform: scale(1.08);

    box-shadow: 0 6px 16px rgba(0,0,0,.25);

}

#backBtn:active{

    background:#6D1F32;

    color:#E4C27A;

    transform:scale(.94);

}

#scrollTopBtn:hover{

    transform:translateY(-3px);

}

#toast{

    position:fixed;

    left:50%;

    bottom:40px;

    transform:translateX(-50%);

    background:#111;

    color:#fff;

    padding:12px 18px;

    border-radius:12px;

    font-size:14px;

    opacity:0;

    pointer-events:none;

    transition:opacity .25s ease;

    z-index:1200;

}

.home-btn{

    width:140px;

    height:56px;

    max-width:none;

    border-radius:18px;

    background:#181717;

    border:2px solid #c9a25b;

    color:#c7aa6a;

    font-family:'Cormorant Garamond', serif;

    font-size:20px;

    font-weight:600;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:6px;

    padding:0 16px;

    box-sizing:border-box;

    box-shadow:
        0 3px 8px rgba(0,0,0,0.18);

    transition:.25s;

}

.home-container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin:14px 17px 18px;

}

.home-btn:hover{

    background:#3a342c;

    color:#e6c98b;

    border-color:#e6c98b;

    transform:translateY(-2px);

    box-shadow:0 6px 14px rgba(0,0,0,.20);
    
}
.home-section-title{

    text-align:center;

    color:#c9a25b;

    font-size:18px;

    font-weight:600;

    letter-spacing:3px;

    margin:30px 0 22px;

}
.home-section-title::before,
.home-section-title::after{

    content:"";

    display:inline-block;

    width:70px;

    height:1px;

    background:#c9a25b;

    vertical-align:middle;

    margin:0 14px;

}
.product-gallery{

    text-align:center;

}

.gallery-thumbnails{

    display:flex;

    justify-content:center;

    gap:10px;

    margin-top:12px;

    flex-wrap:wrap;

}

.gallery-thumb{

    width:65px;

    height:65px;

    object-fit:cover;

    border-radius:10px;

    cursor:pointer;

    border:2px solid transparent;

    transition:0.3s;

}

.gallery-thumb:hover{

    border-color:#c7a15a;

    transform:scale(1.05);

}
.gallery-thumb{

    -webkit-tap-highlight-color: transparent;

    user-select:none;

    -webkit-user-select:none;

}
img{

    -webkit-tap-highlight-color: transparent;

}
*{

    -webkit-tap-highlight-color: transparent;

}
.subcategory-menu{

    display:flex;

    gap:12px;

    overflow-x:auto;

    overflow-y:hidden;

    padding:8px 0 18px;

    scroll-behavior:smooth;

}

.subcategory-menu::-webkit-scrollbar{

    display:none;

}

.subcategory-menu::-webkit-scrollbar{

    display:none;

}

.subcategory-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    min-width:140px;

    height:42px;

    padding:0 18px;

    border-radius:10px;

    background:#630000;

    color:#e6c98b;

    border:2px solid #c9a25b;

    font-size:14px;

    font-weight:600;

    letter-spacing:.6px;

    cursor:pointer;

    transition:.25s;

    flex-shrink:0;

    user-select:none;

    box-shadow:
    inset 0 1px 1px rgba(255,255,255,.08),
    0 2px 6px rgba(0,0,0,.12);

}

.subcategory-btn.active{

    background:#181717;

    color:#f2d08a;

    border-color:#f2d08a;

}

.subcategory-btn:hover{

    transform:translateY(-2px);

    background:#3a342c;

    border-color:#f2d08a;

    color:#f2d08a;

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

}

.gold-divider{

    width:400px;

    height:2px;

    margin:18px auto 22px;

    background:linear-gradient(
        to right,
        transparent,
        #d4af37,
        transparent
    );

}

@keyframes fadeProducts{

    from{

        opacity:0;

        transform:translateY(10px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

.all-btn{

    background:#8d1b1b;

}

.product-info{

    margin:25px 0;

    border-top:1px solid #d7b36a;

    border-bottom:1px solid #d7b36a;

    padding:18px 0;

}

.info-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin:12px 0;

}

.info-title{

    color:#7b6b52;

    font-size:14px;

    letter-spacing:1px;

    text-transform:uppercase;

}

.info-value{

    font-weight:600;

    color:#2b2b2b;

}

.product-description{

    margin-top:24px;

    line-height:1.8;

    text-align:left;

}

.product-description{

    margin-top:24px;

    margin-bottom:24px;

    line-height:1.8;

    text-align:left;

}

.telegram-note{

    font-size:14px;

    color:#666;

    margin-top:10px;

}

.lightbox{

    display:none;

    position:fixed;

    inset:0;

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

    z-index:9999;

    justify-content:center;

    align-items:center;

}

.lightbox-image{

    max-width:96vw;

    max-height:96vh;

    object-fit:contain;

    opacity:1;

    transition:
    opacity .22s ease,
    transform .22s ease;

    border-radius:10px;

    box-shadow:0 0 35px rgba(0,0,0,.45);

    cursor:grab;

    transition:.2s;

    animation:zoomIn .18s ease;

}

.close-lightbox{

    position:absolute;

    top:25px;

    right:25px;

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

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

    color:#E4C27A;

    cursor:pointer;

    user-select:none;

    backdrop-filter:blur(3px);

    box-shadow:0 3px 10px rgba(0,0,0,.18);

    transition:
        transform .18s ease,
        background .20s ease,
        color .20s ease,
        box-shadow .20s ease;

}

.close-lightbox:hover{

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

    transform:scale(1.08);

}

.close-lightbox:active{

    background:#6D1F32;

    color:#E4C27A;

    transform:scale(.94);

}

.lightbox-prev,
.lightbox-next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:none;

    border-radius:50%;

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

    color:#E4C27A;

    cursor:pointer;

    user-select:none;

    backdrop-filter:blur(3px);

    box-shadow:0 3px 10px rgba(0,0,0,.18);

    transition:
        transform .18s ease,
        background .20s ease,
        color .20s ease,
        box-shadow .20s ease;

}

.lightbox-prev:hover,
.lightbox-next:hover{

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

    transform:translateY(-50%) scale(1.08);

}

.lightbox-prev:active,
.lightbox-next:active{

    background:#6D1F32;

    color:#E4C27A;

    transform:translateY(-50%) scale(.94);

}

.lightbox-prev{

    left:25px;

}

.lightbox-next{

    right:25px;

}

@keyframes zoomIn{

    from{

        transform:scale(.94);

        opacity:0;

    }

    to{

        transform:scale(1);

        opacity:1;

    }

}

.lightbox-image.fade{

    opacity:0;

    transform:scale(.98);

}

/* =========================================
   PREVIA Search 2.0
========================================= */

body.search-mode .container {
    display: none;
}

body.search-mode #main-screen {
    display: none;
}

/* Search Screen */

#search-screen {

    display: none;

    padding: 20px;

}

body.search-mode #search-screen {

    display: block;

}

#search-message {

    text-align: center;

    color: #443720;

    font-size: 18px;

    line-height: 1.7;

    margin-top: 12px;

}

/* =========================================
   Search Product Card
========================================= */

.search-product {

    display: flex;

    align-items: center;

    gap: 14px;

    padding: 12px 0;

    border-bottom: 1px solid rgba(180,160,110,.2);

}

.search-product-image {

    width: 64px;

    height: 64px;

    object-fit: cover;

    border-radius: 8px;

    flex-shrink: 0;

}

.search-product-brand {

    font-weight: 600;

    color: #b89b5e;

}

.search-product-name {

    margin-top: 4px;

}

.search-product {

    cursor: pointer;

    transition: background .2s ease;

}

.search-product:hover {

    background: rgba(184,155,94,.08);

}

/* =========================================
   PREVIA Links Hub
========================================= */

.links-hub{

    text-align:center;

    padding:36px 20px 46px;

}

.links-hub-divider{

    width:140px;

    height:1px;

    margin:0 auto 26px;

    background:#d4af37;

    opacity:.65;

}

.links-hub-title{

    font-family:'Cormorant Garamond', serif;

    font-size:18px;

    font-weight:600;

    letter-spacing:3px;

    color:#c9a25b;

    margin-bottom:22px;

}

.social-links{

    display:flex;

    justify-content:center;

    gap:14px;

    margin-bottom:22px;

}

.instagram-link{

    width:42px;

    height:42px;

    margin:0;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:14px;

    background:rgba(255,255,255,0);

    color:#2f2f2f;

    text-decoration:none;

    backdrop-filter:blur(3px);

    box-shadow:0 4px 12px rgba(0,0,0,.10);

    transition:
        transform .18s ease,
        box-shadow .20s ease,
        background .20s ease,
        color .20s ease;

}

.instagram-link:hover{

    transform:scale(1.08);

    box-shadow:0 6px 16px rgba(0,0,0,.25);

}

.instagram-link svg{

    width:20px;

    height:20px;

}

.links-pages{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    flex-wrap:wrap;

}

.links-pages a{

    text-decoration:none;

    color:#6d5b42;

    font-size:15px;

    transition:.25s;

}

.links-pages a:hover{

    color:#b88c32;

}

.links-pages span{

    color:#b89c52;

}

/* =========================================
   PREVIA Related Products
========================================= */

.related-products{

    margin:34px 0 28px;

}

.related-products-row{

    display:flex;

    gap:14px;

    overflow-x:auto;

    overflow-y:hidden;

    padding:8px 0 18px;

    scroll-behavior:smooth;

}

.related-products-row::-webkit-scrollbar{

    display:none;

}

.related-card{

    flex:0 0 auto;

    width:135px;

    cursor:pointer;

    text-align:center;

}

.related-image{

    width:135px;

    height:135px;

    object-fit:cover;

    border-radius:14px;

    box-shadow:0 4px 12px rgba(0,0,0,.08);

    transition:.25s;

}

.related-image:hover{

    transform:scale(1.04);

}

.related-title{

    margin-top:10px;

    font-family:'Cormorant Garamond', serif;

    font-size:16px;

    font-weight:600;

    color:#2f2a24;

    line-height:1.3;

}

.related-products .home-section-title{

    font-size:11px;

    letter-spacing:2px;

    margin:18px 0 18px;

}