.elementor-112 .elementor-element.elementor-element-56551c55{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-112 .elementor-element.elementor-element-67ec615{padding:0px 0px 0px 0px;}.elementor-112 .elementor-element.elementor-element-7f78234b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-112 .elementor-element.elementor-element-570fb97{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-112 .elementor-element.elementor-element-8447cae{padding:0px 0px 0px 0px;}.elementor-112 .elementor-element.elementor-element-43a382e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-112 .elementor-element.elementor-element-1d6ab29b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-112 .elementor-element.elementor-element-1d6ab29b:not(.elementor-motion-effects-element-type-background), .elementor-112 .elementor-element.elementor-element-1d6ab29b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272727;}.elementor-112 .elementor-element.elementor-element-746181f9{padding:0px 0px 0px 0px;}.elementor-112 .elementor-element.elementor-element-2a6e8cdb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-112 .elementor-element.elementor-element-591a256{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-112 .elementor-element.elementor-element-68d2a86c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-112 .elementor-element.elementor-element-4bce8df7{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-112 .elementor-element.elementor-element-4bce8df7.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-112 .elementor-element.elementor-element-1d6ab29b{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-746181f9 */b.b2b-footer-note{
    font-size: 18px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73e9b135 */.faq-section {
    padding: 50px 30px;
}

.faq-container {
    max-width: 800px;
    margin: 0 auto;
}

.faq-title {
    text-align: center;
    font-size: 38px;
    color: #333;
    margin-bottom: 40px;
    position: relative;
}

.faq-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(135deg, #ff7b47, #ff9068);
    border-radius: 2px;
}

.faq-item {
    margin-bottom: 16px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.faq-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.faq-question {
    background: linear-gradient(135deg, #FFBD59, #fb9f7e);
    color: white;
    padding: 20px 24px;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
    user-select: none;
}

.faq-question:hover {
    background: linear-gradient(135deg, rgb(252, 97, 41), #ff8d63);
}

.faq-arrow {
    font-size: 1.2rem;
    transition: transform 0.3s ease;
    font-weight: bold;
}

.faq-item.active .faq-arrow {
    transform: rotate(180deg);
}

.faq-answer {
    background: white;
    padding: 0 24px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease;
    color: #555;
    font-size: 1rem;
}

.faq-item.active .faq-answer {
    padding: 24px;
    max-height: 300px;
}

.faq-answer p {
    margin-bottom: 12px;
}

.faq-answer p:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .faq-title {
        font-size: 24px
    }

    .faq-question {
        padding: 16px 20px;
        font-size: 1rem;
    }

    .faq-item.active .faq-answer {
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4bce8df7 */.cta-section {
            padding: 80px 20px;
            background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
            text-align: center;
            width:100%;
            display: flex;
            justify-content: center;
            
        }
        
        .cta-options {
            display: flex;
            gap: 30px;
        }

        .cta-section h2 {
            font-size: 36px;
            font-weight: 700;
            margin-bottom: 12px;
            color: #1a1a1a;
        }

        .cta-section .subtitle {
            font-size: 18px;
            color: #666;
            margin-bottom: 50px;
        }


        .cta-card {
            background: white;
            border-radius: 16px;
            padding: 40px 30px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .cta-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 30px rgba(0,0,0,0.12);
        }

        .cta-card .icon {
            width: 80px;
            height: 80px;
            margin: 0 auto 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #FFB84D 0%, #FF9933 100%);
            border-radius: 50%;
        }

   .cta-card .icon img {
       width: 40px;
       height: 40px;
       filter: invert(1);
   }

        .cta-card h3 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 15px;
            color: #1a1a1a;
        }

        .cta-card p {
            font-size: 16px;
            color: #666;
            margin-bottom: 30px;
            line-height: 1.6;
        }

        .btn-orange {
            background: linear-gradient(135deg, #FFB84D 0%, #FF9933 100%);
            color: white;
            padding: 16px 40px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            display: inline-block;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }

        .btn-orange:hover {
            transform: scale(1.05);
            box-shadow: 0 6px 20px rgba(255, 153, 51, 0.4);
        }


/* Naslov forme (možete dodati iznad forme) */
.form-header {
    text-align: center !important;
}

.form-title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    margin-bottom: 10px !important;
}

.form-subtitle {
    font-size: 16px !important;
    color: #666666 !important;
    line-height: 1.5 !important;
}

/* Container za polja */
.wpforms-field-container {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 0px !important;
    gap: 10px !important;
}
.wpforms-field > * {
    display: flex !important;
}

.wpforms-field {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

/* Stilovi za pojedinačna polja */
.wpforms-field {
    display: flex !important;
    flex-direction: column !important;
}

/* Labeli */
.wpforms-field-label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    margin-bottom: 10px !important;
    display: block !important;
    font-family: 'Roboto', Arial, sans-serif !important;
}

.wpforms-required-label {
    color: #FFBD59 !important;
    margin-left: 3px !important;
}

/* Input polja */
.wpforms-field input[type="text"] {
    width: 100% !important;
    padding: 16px 20px !important;
    border: 2px solid #e8e9eb !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    background-color: white !important;
    transition: all 0.3s ease !important;
    color: #2c3e50 !important;
    font-family: 'Roboto', Arial, sans-serif !important;
}

.wpforms-field input[type="text"]:focus {
    outline: none !important;
    border-color: #FFBD59 !important;
    border-width: 0px !important;
    box-shadow: 0 0 0 1px rgba(255, 189, 89, 0.15) !important;
    background-color: #fffef9 !important;
}

.wpforms-field input[type="text"]:hover {
    border-color: #ffd17a !important;
}

/* Skrivena polja (honeypot) */
.wpforms-field[data-field-id="4"],
.wpforms-field[data-field-id="5"] {
    display: none !important;
}

/* Submit container */
.wpforms-submit-container {
    text-align: center !important;
    margin-top: 20px !important;
}

/* Submit dugme */
.wpforms-submit {
    background-color: #FFBD59FA !important;
    color: #2c3e50 !important;
    padding: 15px 20px !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-family: 'Roboto', Arial, sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    height: 100% !important;
    width: 200px !important;
    margin-top: 0 !important;
}

.wpforms-submit:hover {
    transform: translateY(-3px) !important;
    background: #FFBD59FA !important;
}


.wpforms-submit:active {
    transform: translateY(-1px) !important;
}

/* Spinner */
.wpforms-submit-spinner {
    display: none !important;
}

/* Error stilovi */
.wpforms-error {
    color: #e74c3c !important;
    font-size: 13px !important;
    margin-top: 8px !important;
    font-weight: 500 !important;
}

.wpforms-field.wpforms-has-error input {
    border-color: #e74c3c !important;
    background-color: #fff5f5 !important;
}

.wpforms-field.wpforms-has-error input:focus {
    border-color: #e74c3c !important;
    box-shadow: 0 0 0 4px rgba(231, 76, 60, 0.1) !important;
}

.wpforms-field.wpforms-has-error .wpforms-field-label {
    color: #e74c3c !important;
}

/* Success stilovi */
.wpforms-confirmation-container-full {
    background-color: #ffb84d4d !important;
    border: 1px solid #FFB84D !important;
    padding: 25px !important;
    border-radius: 12px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}
/* Noscript poruke */
.wpforms-error-noscript,
#wpforms-error-noscript {
    background-color: #fff3cd !important;
    border: 2px solid #ffeaa7 !important;
    color: #856404 !important;
    padding: 15px !important;
    border-radius: 10px !important;
    margin-bottom: 20px !important;
    font-size: 14px !important;
}

/* Placeholder stilovi */
.wpforms-field input::placeholder {
    color: #adb5bd !important;
    font-size: 15px !important;
}

/* Responsive dizajn */
@media (max-width: 768px) {
    #wpforms-form-238 {
        padding: 40px 30px !important;
    }
    
    .wpforms-field-container {
        gap: 25px !important;
    }
    
    .wpforms-field input[type="text"] {
        padding: 14px 18px !important;
        font-size: 14px !important;
    }
    
    .wpforms-submit {
        padding: 18px 40px !important;
        font-size: 17px !important;
        width: 100% !important;
        max-width: 320px !important;
    }
    
    .form-title {
        font-size: 24px !important;
    }
}

@media (max-width: 480px) {
    #wpforms-form-238 {
        padding: 35px 25px !important;
    }
    
    .wpforms-field-label {
        font-size: 14px !important;
    }
    
    .wpforms-field input[type="text"] {
        padding: 13px 16px !important;
        font-size: 14px !important;
    }
    
    .wpforms-submit {
        padding: 16px 35px !important;
        font-size: 16px !important;
        width: 100% !important;
    }
    
    .form-title {
        font-size: 22px !important;
    }
}

/* Dodatni stilovi za konzistentnost */
#wpforms-form-238 * {
    box-sizing: border-box !important;
    padding: 0;
}

/* Fokus stilovi za accessibility */
.wpforms-field input[type="text"]:focus-visible {
    outline: 2px solid #FFBD59 !important;
    outline-offset: 2px !important;
}

/* Loading state za submit dugme */
.wpforms-submit[disabled] {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}

/* Animacije */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-8px); }
    20%, 40%, 60%, 80% { transform: translateX(8px); }
}

.wpforms-field.wpforms-has-error input {
    animation: shake 0.4s ease-in-out !important;
}

/* Hover efekat na input polja */
.wpforms-field input[type="text"]:not(:focus):hover {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06) !important;
}
  

        
        /* Modal Styles */
        .packages-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 9999;
        }

        .packages-modal.active {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .modal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(4px);
        }

        .modal-content {
            position: relative;
            background: white;
            border-radius: 24px;
            padding: 60px 50px;
            max-width: 550px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            animation: modalSlideIn 0.3s ease-out;
        }

        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .modal-close {
            position: absolute;
            top: 24px;
            right: 24px;
            background: #f5f5f5;
            border: none;
            font-size: 24px;
            color: #666;
            cursor: pointer;
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.2s ease;
        }

        .modal-close:hover {
            background: #e0e0e0;
            color: #333;
        }

        .modal-content h3 {
            font-size: 28px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 8px;
            text-align: center;
        }

        .modal-subtitle {
            font-size: 15px;
            color: #888;
            text-align: center;
            margin-bottom: 45px;
        }

        .packages-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .package-option {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 24px 28px;
            background: white;
            border: 2px solid #e8e8e8;
            border-radius: 16px;
            text-decoration: none;
            transition: all 0.25s ease;
            cursor: pointer;
        }

        .package-option:hover {
            background: #fffbf5;
            border-color: #FFB84D;
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(255, 184, 77, 0.15);
        }

        .package-info {
            flex: 1;
            
        }

        .package-info h4 {
            font-size: 15px;
            font-weight: 600;
            color: #1a1a1a;
            margin: 0;
            letter-spacing: 0.3px;
        }

        .package-arrow {
            font-size: 20px;
            color: #ccc;
            font-weight: 300;
            transition: all 0.25s ease;
            margin-left: 16px;
        }

        .package-option:hover .package-arrow {
            color: #FF9933;
            transform: translateX(4px);
        }
.package-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
        /* Responsive */
        @media (max-width: 768px) {
            .cta-options {
                grid-template-columns: 1fr;
                gap: 25px;
            }
            
            .cta-section h2 {
                font-size: 28px;
            }
            
            .cta-card {
                padding: 30px 20px;
            }
            
            .cta-card h3 {
                font-size: 20px;
            }
            .cta-options {
                flex-direction: column;
            }

            .modal-content {
                padding: 45px 30px;
            }

            .modal-content h3 {
                font-size: 24px;
            }

            .modal-subtitle {
                font-size: 14px;
            }

            .package-option {
                padding: 20px 24px;
            }

            .package-info h4 {
                font-size: 14px;
            }
        }
        #spremni {
            margin-bottom: 30px;
        }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68d2a86c */.elementor-element.elementor-element-22726a1.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56551c55 */:root{
    --brand:#FFBD59; --brand-deep:#F28F49; --brand-soft:#FFF3E0;
    --ink:#1a1a1a; --muted:#6b6b6b; --line:#e8e4dd; --bg:#f7f6f4; --card:#ffffff;
    --green:#25D366; --green-ink:#128C4A; --red:#d94141; --red-soft:#fdeeee;
  }
    .wrap{max-width:1120px;margin:0 auto;padding:0 22px}
  
  .hero{background:var(--bg);padding:48px 0 44px;border-bottom:1px solid var(--line)}
  .hero .wrap {
      display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
 
  .hero .tag{display:inline-block;background:var(--brand);color:var(--ink);padding:5px 14px;border-radius:50px;font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}
  .hero h1{font-size:clamp(30px,4.6vw,46px);line-height:1.12;font-weight:900;max-width:760px;letter-spacing:-.01em;text-align: center;}
  .hero p.lead{margin-top:16px;font-size:17px;color:var(--muted);max-width:680px}
  .quick{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px}
  .qbox{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 22px;min-width:150px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
  .qbox b{display:block;font-size:21px;font-weight:900}
  .qbox small{color:var(--muted);font-size:12.5px}
  .qbox.hl{background:var(--brand);border-color:var(--brand)}
  .qbox.hl small{color:#7a5518}
  .crumbs{font-size:13px;color:var(--muted);padding:14px 0}
  .crumbs a{padding:0;font-weight:600;color:var(--ink);border-bottom:1px solid var(--brand); border-radius: 0;}
  .wrap.crumbs {
      margin-left:0}
  .crumbs span{margin:0 7px;color:#c5beb2}
  /* SECTIONS */
  section{padding:48px 0}
  section.alt{background:var(--bg)}
  h2{font-size:clamp(23px,3vw,30px);font-weight:900;margin-bottom:8px;letter-spacing:-.01em;text-align:center}
  .h2-sub{color:var(--muted);font-size:15.5px;margin:0 auto 24px;max-width:720px;text-align:center}
  h3{font-size:18px;font-weight:800;margin:20px 0 8px}
  p{margin-bottom:12px;max-width:76ch}
  .link-a{font-weight:700;border-bottom:2px solid var(--brand)}
  /* TABLE */
  .tbl-scroll{overflow-x:auto}
  .tbl{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:14.5px}
  .tbl th{background:var(--ink);color:#fff;text-align:left;padding:12px 14px;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase}
  .tbl td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:middle}
  .tbl tr:hover td{background:var(--brand-soft)}
  .tbl td b{font-weight:800}
  .tbl td a.more{font-weight:700;color:var(--brand-deep)}
  .sev{display:inline-block;padding:3px 11px;border-radius:50px;font-size:12px;font-weight:800}
  .sev.low{background:#e7f6ec;color:#1f8a4c}
  .sev.mid{background:var(--brand-soft);color:#b06a10}
  .sev.high{background:var(--red-soft);color:var(--red)}
  .note{font-size:13px;color:var(--muted);margin-top:10px}
  /* SPEED BANNER */
  .speed-banner{margin-bottom:22px}
  .speed-banner-head{background:var(--brand);padding:10px 20px;border-radius:14px 14px 0 0;display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;border-bottom:2px solid var(--brand-deep)}
  .speed-banner-head .ico{width:34px;height:34px;border-radius:8px;background:rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:17px}
  .speed-banner-grid{display:grid;grid-template-columns:repeat(3,1fr);background:var(--card);border:2px solid var(--brand);border-top:0;border-radius:0 0 14px 14px;overflow:hidden}
  .speed-banner-grid a{display:block;padding:22px 18px;text-align:center;text-decoration:none;color:var(--ink);border-right:1px solid var(--line);transition:.15s}
  .speed-banner-grid a:last-child{border-right:none}
  .speed-banner-grid a:hover{background:var(--brand-soft);transform:translateY(-2px)}
  .speed-banner-grid .sb-ico{font-size:24px;margin-bottom:8px}
  .speed-banner-grid h3{font-size:16px;font-weight:800;margin:0 0 4px}
  .speed-banner-grid .sb-detail{font-size:13px;color:var(--muted);margin-bottom:10px}
  .speed-banner-grid .go{display:inline-block;font-weight:800;color:var(--brand-deep);font-size:13.5px}
  /* CARDS */
  .grid{display:grid;gap:18px}
  .c2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
  .c3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  .c4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
  .card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.03)}
  .card h3{margin-top:0}
  .card p{font-size:14.5px;color:var(--muted);margin-bottom:0}
  .card .ico{width:46px;height:46px;border-radius:12px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:21px;margin:0 auto 14px}
  .grid .card{text-align:center}
  a.card{text-align:center}
  a.card{display:block;transition:.15s}
  a.card:hover{border-color:var(--brand-deep);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
  a.card .go{display:inline-block;margin-top:12px;font-weight:800;color:var(--brand-deep);font-size:14px}
  /* BOXES */
  .warn{border-left:5px solid var(--red);background:var(--red-soft);border-radius:0 12px 12px 0;padding:16px 20px;margin:18px auto;max-width:860px}
  .warn b{color:var(--red)}
  .ok{border-left:5px solid var(--green-ink);background:#eafaf0;border-radius:0 12px 12px 0;padding:16px 20px;margin:18px auto;max-width:860px}
  .ok b{color:var(--green-ink)}
  /* STEPS */
  .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:10px}
  .step{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}
  .step{text-align:center}
  .step .num{width:36px;height:36px;border-radius:50%;background:var(--brand);color:var(--ink);font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
  .step h3{margin:0 0 6px}
  .step p{font-size:14.5px;color:var(--muted);margin:0}
  /* HALF */
  .half{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px;justify-content:center}
  .hx{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px;text-align:center;flex:1;min-width:150px}
  .hx small{display:block;color:var(--muted);font-size:12.5px;margin-bottom:4px;font-weight:700}
  .hx s{color:#b3aca0;font-size:14px}
  .hx b{color:var(--green-ink);font-size:20px;margin-left:6px}
  /* CTA */
  .cta{background:var(--brand);border-radius:22px;padding:40px 38px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}
  .cta h2{margin-bottom:10px}
  .cta p{font-size:15.5px;color:#5c451f}
  .cta ul{list-style:none;margin:14px 0 0}
  .cta li{padding-left:28px;position:relative;margin-bottom:9px;font-size:15px;font-weight:600}
  .cta li::before{content:"✓";position:absolute;left:0;font-weight:900;color:var(--ink)}
  .cta .box{background:#fff;border-radius:18px;padding:26px;text-align:center;box-shadow:0 10px 26px rgba(0,0,0,.10)}
  .cta .box .price{font-size:31px;font-weight:900}
  .cta .box .price small{font-size:14px;font-weight:500;color:var(--muted)}
  .cta .box .sub{font-size:15px;font-weight:700;color:var(--ink);margin-top:6px}
  .cta .box .btn{margin-top:16px;width:100%}
  .cta .box .wa{margin-top:12px;font-size:13.5px;color:var(--muted)}
  .cta .box .wa b{color:var(--green-ink)}
  /* FAQ */
  details{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden}
  summary{cursor:pointer;padding:17px 22px;font-weight:800;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
  summary::-webkit-details-marker{display:none}
  summary::after{content:"+";font-size:22px;color:var(--brand-deep);font-weight:900}
  details[open] summary::after{content:"–"}
  details .ans{padding:0 22px 18px;color:var(--muted);font-size:14.5px;max-width:80ch}
  
  .more-btn{display:inline-block;padding:6px 14px;border-radius:50px;background:var(--brand);color:var(--ink);font-weight:800;font-size:12.5px;white-space:nowrap;transition:.15s}
  .more-btn:hover{background:var(--brand-deep);color:#fff}
  /* DROPDOWN */
  .dd{position:relative}
  .dd-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.14);padding:10px;display:none;min-width:480px;z-index:80}
  .dd:hover .dd-menu,.dd.open .dd-menu{display:grid;grid-template-columns:1fr 1fr;gap:2px}
  .dd-menu a{display:block;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--ink)}
  .dd-menu a:hover{background:var(--brand-soft);color:var(--ink)}
  .dd-group{grid-column:1/-1;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:4px}
  .dd-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;padding:6px 12px 2px}
  .dd-group .dd-sub{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px}
  .dd::after{content:"";position:absolute;top:100%;left:0;right:0;height:8px}
  /* ZONE CARDS */
  .zone-card{background:var(--card);border:2px solid var(--line);border-radius:18px;padding:32px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;transition:.15s;text-decoration:none;color:var(--ink)}
  .zone-card:hover{border-color:var(--brand-deep);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
  .zone-card .zone-ico{width:64px;height:64px;border-radius:16px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:32px}
  .zone-card h3{margin:0 0 4px;font-size:20px}
  .zone-card p{font-size:14.5px;color:var(--muted);margin:0 0 8px}
  .zone-card .zone-meta{display:flex;gap:14px;font-size:13px;color:var(--muted);flex-wrap:wrap}
  .zone-card .zone-meta b{color:var(--ink);font-weight:800}
  .zone-card .go{font-weight:800;color:var(--brand-deep);font-size:14px;margin-top:6px;display:inline-block}
  /* TIMELINE */
  .tl{position:relative;margin:18px auto 0;max-width:660px;text-align:left}
  .tl::before{content:"";position:absolute;left:17px;top:8px;bottom:8px;width:3px;background:var(--brand);border-radius:2px}
  .tl-item{position:relative;padding:0 0 22px 56px}
  .tl-item:last-child{padding-bottom:0}
  .tl-num{position:absolute;left:0;top:0;width:37px;height:37px;border-radius:50%;background:var(--brand);color:var(--ink);font-weight:900;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.12)}
  .tl-item h3{margin:4px 0 4px}
  .tl-item p{color:var(--muted);font-size:14.5px;margin:0}
  /* CTA SELEKTOR */
  .cta-sel{margin-top:16px;text-align:left}
  .cta-sel select{width:100%;padding:13px 14px;border-radius:10px;border:1.5px solid var(--line);font:inherit;font-size:14.5px;font-weight:600;background:#fff;margin-bottom:10px;cursor:pointer;appearance:auto}
  .cta-sel select:focus{outline:none;border-color:var(--brand-deep)}
  .cta-sel .sel-go{width:100%}
  /* STICKY */
  .sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:10px 16px;z-index:60}
  .sticky-cta .btn{width:100%}
  @media(max-width:860px){
    .nav-links{display:none}
    .cta{grid-template-columns:1fr}
    .sticky-cta{display:block}
    body{padding-bottom:66px}
    .topbar .wrap{font-size:12px}
  }

  /* ═══ DESIGN FIXES ═══ */
  /* Smooth scroll */
  html{scroll-behavior:smooth}
  /* Center body paragraphs in sections */
  section .wrap > p{margin-left:auto;margin-right:auto}
  /* Fix consecutive alt sections - restore alternation */
  .alt + .alt{background:#fff}
  .alt + .alt + .alt{background:var(--bg)}
  /* Center pricing and form grids with inline max-width */
  .grid.c2{margin-left:auto;margin-right:auto}
  /* Center standalone cards (contact forms) */
  section .wrap > .card{margin-left:auto;margin-right:auto}
  /* Better section spacing */
  section{padding:56px 0}
  .hero{padding:56px 0 52px}
  /* Better h2 breathing room */
  h2{margin-bottom:12px}
  .h2-sub{margin-bottom:32px}
  /* FAQ centering */
  details{max-width:860px;margin-left:auto;margin-right:auto;margin-bottom:12px}
  details .ans{margin-left:auto;margin-right:auto}
  /* Table centering */
  .tbl-scroll{max-width:960px;margin:0 auto}
  /* Warn/OK box spacing */
  .warn,.ok{margin-top:22px;margin-bottom:22px}
  /* Card grid spacing */
  .grid{gap:20px}
  /* Better card padding */
  .card{padding:26px 28px}
  /* Steps spacing */
  .steps{gap:20px;margin-top:18px}
  /* CTA section improvements */
  .cta{padding:44px 42px;border-radius:24px}
  .cta .box{padding:30px;border-radius:20px}
  /* Footer breathing room */
  /* Better note margins */
  .note{margin-top:14px}
  /* QBox improvements */
  .qbox{padding:16px 24px;border-radius:16px}
  .quick{margin-top:32px;gap:16px}
  /* Hero lead text */
  .hero p.lead{margin-top:18px;font-size:17.5px;line-height:1.65}
  /* Hero tag */
  .hero .tag{margin-bottom:18px;padding:6px 16px}
  /* Timeline improvements */
  .tl{margin-top:24px}
  .tl-item{padding-bottom:26px}
  /* Breadcrumb spacing */
  .crumbs{padding:16px 0}
  /* Table improvements */
  .tbl{border-radius:16px}
  .tbl th{padding:14px 16px}
  .tbl td{padding:14px 16px}
  /* Better responsive */
  @media(max-width:860px){
    section{padding:40px 0}
    .hero{padding:40px 0 36px}
    .cta{padding:32px 24px}
    .card{padding:20px}
    details{margin-bottom:10px}
    footer{padding:36px 0;margin-top:36px}
  }
  @media(max-width:600px){
    .qbox{min-width:calc(50% - 12px)}
    .quick{gap:10px}
    .cta .box{padding:22px 18px}
    .hero h1{font-size:clamp(26px,5vw,36px)}
  }



  .switcher{position:sticky;top:0;background:var(--ink);z-index:100}
  .switcher .wrap{display:flex;gap:10px;padding:9px 22px;align-items:center;flex-wrap:wrap}
  .switcher .sw-label{color:#b9b3a9;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
  .switcher button{border:0;cursor:pointer;background:transparent;color:#d8d3ca;font:inherit;font-size:13.5px;font-weight:700;padding:6px 13px;border-radius:50px;transition:.15s}
  .switcher button:hover{color:#fff}
  .switcher button.on{background:var(--brand);color:var(--ink)}
  .switcher select{font:inherit;font-size:13.5px;font-weight:700;padding:6px 12px;border-radius:10px;border:1px solid #444;background:#2a2a2a;color:#fff;max-width:320px}
  #toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:12px 22px;border-radius:50px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:.25s;z-index:200;white-space:nowrap}
  #toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
main > h2 {display: none;}
@media (max-width: 600px) {
    .qbox {
        max-width: calc(50% - 12px);
        width: 100%;
    }
        .crumbs {
        justify-content: center;
        gap:5px;
        flex-wrap:wrap;
        
    }
}/* End custom CSS */