:root{
      --bg:#090a0f;
      --bg2:#101118;
      --card:#151720;
      --pink:#fc2459;
      --pink2:#fc2459;
      --text:#fff;
      --muted:#b7bac5;
      --border:rgba(255,255,255,.12);
	  
            --dark: #2c2a32;
            --accent: #fc2459;
            --accent-dark: #e51d4f;
            --light-pink: #fff1f4;
      
    }
	body{
		color:#000;
		overflow:visible;
	}
	
	

	
 /* =========================
           hero-shop
        ========================= */

        .hero-shop {
            background: var(--light-pink);
            min-height: 450px;
            display: flex;
            align-items: center;
	
	
        }

        .hero-shop-content {
            max-width: 620px;
        }

        .hero-shop-label {
            color: var(--accent);
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 18px;
        }

        .hero-shop h1 {
            color: var(--dark);
            font-size: clamp(42px, 6vw, 70px);
            line-height: 1.03;
            font-weight: 700;
            letter-spacing: -3px;
            margin-bottom: 25px;
        }

        .hero-shop p {
            color: #68656c;
            font-size: 16px;
            line-height: 1.8;
            max-width: 540px;
        }

        .btn-main {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--accent);
            color: #fff;
            border: 1px solid var(--accent);
            border-radius: 4px;
            padding: 14px 27px;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .7px;
            transition: .2s;
        }

        .btn-main:hover {
            background: var(--accent-dark);
            border-color: var(--accent-dark);
            color: #fff;
        }

        .btn-outline-main {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: transparent;
            color: var(--dark);
            border: 1px solid #d8d6d9;
            border-radius: 4px;
            padding: 14px 27px;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .7px;
        }

        .btn-outline-main:hover {
            border-color: var(--dark);
            color: var(--dark);
        }

        .hero-shop-visual {
            min-height: 470px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hero-shop-circle {
            width: 380px;
            height: 380px;
            border-radius: 50%;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        .hero-shop-circle::before {
            content: "";
            position: absolute;
            width: 310px;
            height: 310px;
            border: 1px solid #f5b4c3;
            border-radius: 50%;
        }

        .hero-shop-icon {
            color: var(--accent);
            font-size: 115px;
            z-index: 1;
        }
		.benefits_shop {
            border-bottom: 1px solid var(--border);
			background:#fff;
        }

        .benefit_shop {
            min-height: 105px;
            display: flex;
            align-items: center;
            gap: 14px;
			
        }

        .benefit-icon_shop {
            color: var(--accent);
            font-size: 24px;
        }

        .benefit_shop strong {
            display: block;
            font-size: 13px;
            margin-bottom: 3px;
        }

        .benefit_shop span {
            color: var(--muted);
            font-size: 11px;
        }
 /* =========================
           MOBILE
        ========================= */

        @media (max-width: 991px) {

            .nav-actions {
                margin-top: 15px;
                padding-bottom: 10px;
            }

            .hero-shop {
                min-height: auto;
                padding: 65px 0;
            }

            .hero-shop-visual {
                min-height: 320px;
            }

            .hero-shop-circle {
                width: 270px;
                height: 270px;
            }

            .hero-shop-circle::before {
                width: 220px;
                height: 220px;
            }

            .hero-shop-icon {
                font-size: 80px;
            }
        }

        @media (max-width: 576px) {

            .topbar {
                text-align: center;
            }

            .topbar .d-flex {
                justify-content: center !important;
            }

            .topbar a {
                display: none;
            }

            .navbar {
                padding: 14px 0;
            }

            .hero-shop h1 {
                font-size: 43px;
                letter-spacing: -2px;
            }

            .hero-shop p {
                font-size: 14px;
            }

            .section {
                padding: 55px 0;
            }

            .section-header h2 {
                font-size: 29px;
            }

            .product-image {
                height: 210px;
            }

            .product-image i {
                font-size: 55px;
            }

            .product-info {
                padding: 14px;
            }

            .product-name {
                font-size: 12px;
            }

            .price {
                font-size: 14px;
            }

            .promo {
                padding: 50px 0;
            }

            .promo h2 {
                font-size: 31px;
            }
        }
	
.lashow-faq {
    --lashow-bg: #1f2123;
    --lashow-card: #27292c;
    --lashow-card-hover: #2c2e31;

    --lashow-pink: #fc2459;
    --lashow-pink-dark: #d91d4b;

    --lashow-text: #ffffff;
    --lashow-text-muted: #a8aaad;

    --lashow-border: rgba(255, 255, 255, 0.08);
    --lashow-border-hover: rgba(252, 36, 89, 0.35);


    color: var(--lashow-text);


}

#text_so_f > h1,h2,h3{
	border:0px;
	color:#ff1560;
	font-weight:bold;
	font-size:26px;
}

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

.lashow-faq__header {
    max-width: 760px;
    margin: 0 auto 50px;

    text-align: center;
}


/* Mały napis FAQ */

.lashow-faq__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 15px;

    color: var(--lashow-pink);

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}


/* Mała linia przed/po FAQ */

.lashow-faq__eyebrow::before,
.lashow-faq__eyebrow::after {
    content: "";

    width: 25px;
    height: 1px;

    background: var(--lashow-pink);
}


/* Tytuł */

.lashow-faq__title {
    margin: 0 0 16px;

    color: var(--lashow-text);

    font-size: clamp(30px, 4vw, 44px);
    font-weight: 500;
    line-height: 1.15;
	border:0px;
    letter-spacing: -0.025em;
}


/* Opis */

.lashow-faq__intro {
    max-width: 620px;

    margin: 0 auto;

    color: var(--lashow-text-muted);

    font-size: 16px;
    line-height: 1.7;
}


/* ==========================================================
   ACCORDION
   ========================================================== */

.lashow-accordion {
    max-width: 900px;
    margin: 0 auto;
}


/* Pojedynczy element */

.lashow-accordion__item {
    margin-bottom: 12px;

    overflow: hidden;

    border: 1px solid var(--lashow-border) !important;
    border-radius: 14px !important;

    background: var(--lashow-card);

    transition:
        border-color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}


/* Hover całego elementu */

.lashow-accordion__item:hover {
    border-color: var(--lashow-border-hover) !important;

    background: var(--lashow-card-hover);

    box-shadow:
        0 10px 35px rgba(0, 0, 0, 0.18);
}


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

.lashow-accordion .accordion-button {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 72px;

    padding: 21px 70px 21px 25px;

    border: 0;

    background: transparent;

    color: var(--lashow-text);

    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;

    box-shadow: none !important;
}


/* Usunięcie domyślnej ikony Bootstrap */

.lashow-accordion .accordion-button::after {
    display: none;
}


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

.lashow-accordion .accordion-button:hover {
    color: var(--lashow-pink);
}


/* ==========================================================
   OTWARTY ELEMENT
   ========================================================== */

.lashow-accordion .accordion-button:not(.collapsed) {
    background: transparent;

    color: var(--lashow-pink);
}


/* ==========================================================
   WŁASNA STRZAŁKA
   ========================================================== */

.lashow-accordion__icon {
    position: absolute;

    top: 50%;
    right: 27px;

    width: 11px;
    height: 11px;

    border-right: 1.5px solid var(--lashow-text-muted);
    border-bottom: 1.5px solid var(--lashow-text-muted);

    transform:
        translateY(-65%)
        rotate(45deg);

    transition:
        transform 0.3s ease,
        border-color 0.25s ease;
}


/* Strzałka aktywna */

.lashow-accordion
.accordion-button:not(.collapsed)
.lashow-accordion__icon {
    border-color: var(--lashow-pink);

    transform:
        translateY(-35%)
        rotate(225deg);
}


/* Hover strzałki */

.lashow-accordion
.accordion-button:hover
.lashow-accordion__icon {
    border-color: var(--lashow-pink);
}


/* ==========================================================
   BODY
   ========================================================== */

.lashow-accordion .accordion-body {
    padding: 0 70px 26px 25px;

    color: var(--lashow-text-muted);

    font-size: 15px;
    line-height: 1.75;
}


.lashow-accordion .accordion-body p {
    margin-bottom: 0;
}


/* ==========================================================
   ANIMACJA
   ========================================================== */

.lashow-accordion .accordion-collapse {
    transition: height 0.35s ease;
}


/* ==========================================================
   FOCUS - ACCESSIBILITY
   ========================================================== */

.lashow-accordion .accordion-button:focus-visible {
    outline: 2px solid var(--lashow-pink);
    outline-offset: -4px;
}


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

@media (max-width: 767.98px) {

    .lashow-faq {
        padding: 60px 0;
    }


    .lashow-faq__header {
        margin-bottom: 30px;
    }


    .lashow-faq__title {
        font-size: 30px;
    }


    .lashow-faq__intro {
        padding: 0 10px;

        font-size: 14px;
    }


    .lashow-accordion__item {
        margin-bottom: 9px;

        border-radius: 12px !important;
    }


    .lashow-accordion .accordion-button {
        min-height: 64px;

        padding: 17px 55px 17px 18px;

        font-size: 15px;
    }


    .lashow-accordion__icon {
        right: 21px;

        width: 9px;
        height: 9px;
    }


    .lashow-accordion .accordion-body {
        padding: 0 20px 21px 18px;

        font-size: 14px;
        line-height: 1.7;
    }
}


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

@media (max-width: 380px) {

    .lashow-faq {
        padding: 50px 0;
    }


    .lashow-faq__title {
        font-size: 27px;
    }


    .lashow-faq .container {
        padding-left: 15px;
        padding-right: 15px;
    }


    .lashow-accordion .accordion-button {
        padding-left: 16px;
        padding-right: 50px;

        font-size: 14px;
    }


    .lashow-accordion .accordion-body {
        padding-left: 16px;
        padding-right: 16px;
    }
}
	
	.btn-mct{
		color:#ddd;
	}
	.bodyinbg{
		background: #090a0e;
	}
    a{text-decoration:none}
    .navbar{
      background:rgba(17, 15, 23,.88);
      backdrop-filter:blur(14px);
      border-bottom:1px solid rgba(255,255,255,.08);
	  min-height:auto;
	  margin:0px;
    }
    .brand{
      font-size:2rem;
      font-weight:700;
      font-style:italic;
      color:#fff!important;
      letter-spacing:-1.5px;
    }
    .brand span{color:var(--pink)}
    .nav-link{color:#eee!important;font-weight:500}
    .nav-link:hover{color:var(--pink2)!important}
    .btn-outline-light{border-radius:999px;padding:.7rem 1.4rem;background:var(--pink);border:0px;color:white!Important;font-weight:bold;}
	.btn-outline-light:hover{color:var(--pink)!Important;}
    .btn-pink{
      background:linear-gradient(135deg,var(--pink),#e94d68);
      color:#fff;border:0;border-radius:10px;font-weight:700;
      padding:.95rem 1.5rem;box-shadow:0 10px 28px rgba(240,91,118,.22);
    }
    .btn-pink:hover{color:#fff;transform:translateY(-1px);filter:brightness(1.05)}
	 .herom{
      min-height:690px;
      position:relative;
      overflow:hidden;
	  padding:0 30px;
	   color:#fff!important;

    }
    .herom:after{
      content:"";position:absolute;inset:auto 0 0;height:150px;
      background:linear-gradient(transparent,var(--bg));
      pointer-events:none;
    }
    .hero{
		color:var(--text);
      min-height:690px;
      position:relative;
      overflow:hidden;
	   color:#fff!important;

    }
    .hero:after{
      content:"";position:absolute;inset:auto 0 0;height:150px;
      background:linear-gradient(transparent,var(--bg));
      pointer-events:none;
    }
    .hero-content{position:relative;z-index:2;padding:100px 0 85px}
    .eyebrow{
      color:var(--pink2);font-size:.95rem;font-weight:800;
      letter-spacing:.08em;text-transform:uppercase;
    }
    .herom h1{
      font-size:clamp(3rem,6vw,5.7rem);
      line-height:1.28;letter-spacing:-.06em;font-weight:800;
      max-width:700px;margin:15px 0 25px;
    }
    .hero h1{
      font-size:clamp(3rem,6vw,5.7rem);
      line-height:1.28;letter-spacing:-.06em;font-weight:800;
      max-width:700px;margin:15px 0 25px;
    }
    .hero h1 span{color:#ff91a2}
	.herom h1 span{color:#ff91a2}
    .hero-copy{font-size:1.15rem;line-height:1.65;color:#eee;max-width:570px}
    .benefit{display:flex;align-items:center;gap:14px;margin:18px 0;font-weight:600}
    .benefit i{
      width:40px;height:40px;border:1px solid rgba(240,91,118,.65);
      border-radius:50%;display:grid;place-items:center;color:var(--pink2);font-size:1.15rem;
    }
	.new_iff .form-control{
		background-color:rgba(0,0,0,0.8)!Important;
		border:1px solid #0f1117!Important;
		color:#fff!Important;
	}
    .signup{
      background:rgba(10,10,14,.78);border:1px solid rgba(255,119,143,.7);
      box-shadow:0 25px 80px rgba(0,0,0,.35);border-radius:16px;padding:25px;
    }
    .signup h3{font-size:1.35rem;font-weight:800}
    .signup h3 span{color:var(--pink2)}

    .trust{font-size:.78rem;color:#aaa}
    .stats{
      background:#0e1015;border-top:1px solid var(--border);border-bottom:1px solid var(--border)
    }
    .stat{padding:28px 20px;border-right:1px solid var(--border)}
    .stat:last-child{border-right:0}
    .stat i{font-size:1.7rem;color:var(--pink2)}
    .stat strong{display:block;font-size:1.65rem}
    .stat small{color:#aaa}
    .section{padding:75px 0}
    .section-title{font-size:2rem;font-weight:800;letter-spacing:-.03em}
    .section-title span{color:var(--pink2)}
    .profile-card{
      background:#14161d;border:1px solid var(--border);border-radius:13px;
      overflow:hidden;transition:.25s;height:100%;
    }
    .profile-card:hover{transform:translateY(-5px);border-color:rgba(240,91,118,.45)}
    .profile-img{
      width:100%;aspect-ratio:1/1.18;object-fit:cover;
      background:linear-gradient(135deg,#302936,#15161c);
    }
    .profile-body{padding:13px 14px 15px}
    .profile-body h5{margin:0;font-weight:700}
    .online{color:#56d47d;font-size:.8rem}
    .info-section{
      background:linear-gradient(180deg,#11131a,#0a0b10);
      border-top:1px solid var(--border);border-bottom:1px solid var(--border);
    }
    .feature-list{list-style:none;padding:0;margin:28px 0}
    .feature-list li{margin:15px 0;color:#e5e5e7}
    .feature-list i{color:var(--pink2);margin-right:10px}
    .steps{position:relative}
    .step{display:flex;gap:20px;margin-bottom:28px}
    .step-num{
      flex:0 0 48px;height:48px;border-radius:50%;
      background:var(--pink);display:grid;place-items:center;font-weight:800;
      box-shadow:0 8px 22px rgba(240,91,118,.25)
    }
    .step h5{margin:2px 0 5px;font-weight:700}
    .step p{margin:0;color:var(--muted);font-size:.92rem}
    .cta{
      background:linear-gradient(135deg,#db506a,#f36c84);
      padding:27px 0;
    }
    .cta h3{margin:0;font-weight:700}
    footer{background:#07080b;color:#9da0aa;padding:32px 0}
    footer a{color:#bfc1c9}
    @media(max-width:991px){
      .hero{min-height:auto}
      .hero-content{padding:70px 0}
      .signup{margin-top:35px}
      .stat{border-right:0;border-bottom:1px solid var(--border)}
      .stat:last-child{border-bottom:0}
    }
	
	.form-mob .form-control{
		border-color:#a6a4a4!Important;
		height:auto!Important;
		min-height:60px;
	}