*{margin:0;padding:0;box-sizing:border-box}
        body{font-family:'Montserrat',sans-serif;background:#1a1a1a;color:#f5f5f5;overflow-x:hidden}
        h1,h2,h3,h4{font-family:'Exo 2',serif}
        .gold{color:#c9a96e}
        .btn-gold{background:linear-gradient(135deg,#c9a96e,#d4af37);color:#1a1a1a;font-weight:700;padding:14px 40px;border:none;border-radius:50px;font-size:1.1rem;text-transform:uppercase;letter-spacing:1.5px;transition:all .4s ease}
        .btn-gold:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(201,169,110,.3);color:#1a1a1a}
        .btn-outline-gold{background:transparent;color:#c9a96e;border:2px solid #c9a96e;font-weight:600;padding:12px 30px;border-radius:50px;transition:all .3s ease}
        .btn-outline-gold:hover{background:#c9a96e;color:#1a1a1a}
        .navbar{background:rgba(26,26,26,.95)!important;backdrop-filter:blur(10px);padding:15px 0;border-bottom:1px solid rgba(201,169,110,.2)}
        .navbar-brand{font-family:'Exo 2',serif;font-size:1.8rem;color:#c9a96e!important;letter-spacing:3px}
        .navbar-brand small{font-size:.7rem;display:block;color:#888;letter-spacing:2px;margin-top:-5px}
/*        .hero{min-height:100vh;display:flex;align-items:center;position:relative;background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 30%,#2c1810 60%,#1a1a1a 100%);overflow:hidden}*/
.hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    position:relative;
    background:
        linear-gradient(135deg,rgba(13,13,13,.92) 0%,rgba(26,26,26,.88) 40%,rgba(44,24,16,.85) 100%),
        url('https://recepresso.ru/promo/img/bg.jpeg') center/cover no-repeat;
    overflow:hidden
}
@media (max-width: 768px) {
  .hero {
    margin-top: 60px; /* Замените 60px на реальную высоту вашего navbar */
  }
}
        .hero-content{position:relative;z-index:2}
        .hero h1{font-size:3.5rem;line-height:1.2;margin-bottom:20px}
        .hero .subtitle{font-size:1.2rem;color:#aaa;margin-bottom:30px;font-weight:300}
        .hero-price{display:inline-block;font-size:4rem;font-weight:700;color:#c9a96e;font-family:'Exo 2',serif;margin-bottom:10px}
        .hero-price small{font-size:1.2rem;color:#888}
        .timer{display:flex;gap:20px;justify-content:center;margin:30px 0;flex-wrap:wrap}
        .timer-item{text-align:center;background:rgba(255,255,255,.05);padding:15px 25px;border-radius:12px;border:1px solid rgba(201,169,110,.2);min-width:90px}
        .timer-item span{display:block;font-size:2rem;font-weight:700;color:#c9a96e}
        .timer-item small{color:#888;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}
        .section{padding:100px 0}
        .section-title{text-align:center;margin-bottom:60px}
        .section-title h2{font-size:2.5rem;color:#f5f5f5}
        .section-title p{color:#888;font-size:1.1rem}
        .section-title .gold-line{width:80px;height:2px;background:#c9a96e;margin:15px auto}
        .product-card{background:#222;border-radius:16px;padding:30px;text-align:center;border:1px solid #333;transition:all .4s ease;height:100%;position:relative;overflow:hidden}
        .product-card:hover{border-color:#c9a96e;transform:translateY(-10px);box-shadow:0 20px 60px rgba(201,169,110,.15)}
        .product-card .badge{position:absolute;top:15px;right:15px;background:#c9a96e;color:#1a1a1a;font-weight:700;padding:5px 15px;border-radius:20px;font-size:.8rem}
        .product-card .icon{font-size:3.5rem;margin-bottom:20px;color:#c9a96e}
        .product-card h4{font-size:1.3rem;margin-bottom:10px}
        .product-card .price{font-size:2rem;font-weight:700;color:#c9a96e;margin:15px 0}
        .product-card .spec{color:#888;font-size:.9rem;margin-bottom:5px}
        .coffee-tag{display:inline-block;background:rgba(201,169,110,.1);border:1px solid rgba(201,169,110,.3);color:#c9a96e;padding:8px 18px;border-radius:25px;margin:4px;font-size:.9rem;transition:all .3s ease;cursor:default}
        .coffee-tag:hover{background:rgba(201,169,110,.2)}
        .benefit-item{text-align:center;padding:30px 20px}
        .benefit-item i{font-size:2.5rem;color:#c9a96e;margin-bottom:20px}
        .benefit-item h5{font-size:1.1rem;margin-bottom:10px}
        .benefit-item p{color:#888;font-size:.9rem}
        .form-section{background:linear-gradient(135deg,#111,#1a1a1a);border-top:1px solid rgba(201,169,110,.2);border-bottom:1px solid rgba(201,169,110,.2)}
        .form-card{background:#222;border-radius:20px;padding:50px;border:1px solid #333;max-width:700px;margin:0 auto}
        .form-control,.form-select{background:#1a1a1a;border:1px solid #333;color:#f5f5f5;padding:14px 20px;border-radius:12px;font-size:.95rem;transition:all .3s ease}
        .form-control:focus,.form-select:focus{background:#1a1a1a;border-color:#c9a96e;box-shadow:0 0 0 3px rgba(201,169,110,.15);color:#f5f5f5}
        .form-control::placeholder{color:#666}
        .form-select option{background:#1a1a1a;color:#f5f5f5}
        .review-card{background:#222;border-radius:16px;padding:35px;border:1px solid #333;height:100%}
        .review-card .stars{color:#c9a96e;font-size:1.1rem;margin-bottom:15px}
        .review-card p{color:#ccc;font-style:italic;font-size:.95rem;line-height:1.7}
        .review-card .author{color:#c9a96e;font-weight:600;margin-top:15px}
        .carousel-control-prev-icon,.carousel-control-next-icon{background-color:#c9a96e;border-radius:50%;padding:25px}
        footer{background:#0d0d0d;padding:50px 0 20px;border-top:1px solid rgba(201,169,110,.1)}
        footer h5{color:#c9a96e;margin-bottom:20px}
        footer a{color:#888;text-decoration:none}
        footer a:hover{color:#c9a96e}
        .social-links a{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #333;border-radius:50%;color:#888;margin:0 5px;transition:all .3s ease}
        .social-links a:hover{border-color:#c9a96e;color:#c9a96e}
        .fade-up{opacity:0;transform:translateY(40px);transition:all .8s ease}
        .fade-up.active{opacity:1;transform:translateY(0)}
        .toast-container{position:fixed;top:20px;right:20px;z-index:9999}
        .custom-toast{background:#222;border:1px solid #c9a96e;color:#f5f5f5;border-radius:12px;padding:15px 25px;box-shadow:0 10px 40px rgba(0,0,0,.5);margin-bottom:10px}
        <span style="color: hsl(var(--primary)); font-weight: 500;">@media</span>(max-width:768px){
            .hero h1{font-size:2.2rem}
            .hero-price{font-size:2.8rem}
            .timer-item{padding:10px 15px;min-width:70px}
            .timer-item span{font-size:1.5rem}
            .section{padding:60px 0}
            .section-title h2{font-size:1.8rem}
            .form-card{padding:30px 20px}
        }
        .product-card .img-wrap{
    width:100%;
    height:200px;
    border-radius:12px;
    overflow:hidden;
    margin-bottom:20px;
    background:linear-gradient(135deg,#1a1a1a,#2c1810);
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}
.product-card .img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease;
}
.product-card:hover .img-wrap img{
    transform:scale(1.08);
}
.product-card .img-wrap::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.4));
    pointer-events:none;
}
@font-face {
    font-family: "nbrb";
    src: url("/fonts/nbrb.woff2") format("woff2"), /* Укажите путь к файлу nbrb.woff2 */
         url("/fonts/nbrb.ttf") format("truetype"), /* Укажите путь к файлу nbrb.ttf */
         url("/fonts/nbrb.woff") format("woff");    /* Укажите путь к файлу nbrb.woff */
    unicode-range: U+E901, U+42, U+59, U+4E;
}

.nbrb-icon {
    font-family: "nbrb" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: normal;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
}

.nbrb-icon-byn:before {
    content: "\e901"; /* Юникод для знака */
}