/*
Theme Name: Beauty Shape Clinic
Theme URI: https://beautyshapeclinic.cz
Author: Beauty Shape Dev Team
Author URI: https://beautyshapeclinic.cz
Description: Custom WordPress theme for Beauty Shape Clinic Prague. Built with ACF, clean markup, fast loading and medical services focus.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beautyshape
Tags: custom-theme, acf, medical, clinic, landing-page, fast, responsive
*/

.logo-icon img {
            width: 45px;
    border-radius: 10px;
    }
        :root{--primary:#c94277;--primary-dark:#a73562;--primary-light:#fdf2f6;--accent:#5b7c5a;--accent-light:#e8f0e8;--gold:#d4a574;--gold-light:#faf5f0;--danger:#dc2626;--danger-light:#fef2f2;--bg-light:#f9f7f8;--text-dark:#2d2d2d;--text-gray:#6b6b6b;--text-light:#999;--border:#e8e4e6;--white:#fff}
        *{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Montserrat',sans-serif;background:var(--white);color:var(--text-dark);line-height:1.6;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}.container{max-width:800px;margin:0 auto;padding:0 20px}
        
        .header{background:var(--white);padding:16px 0;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.05)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-icon{width:44px;height:44px;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:24px;height:24px;color:#fff}.logo-text .brand{font-size:15px;font-weight:800;color:var(--primary)}.logo-text .subtitle{font-size:9px;color:var(--text-gray);text-transform:uppercase;letter-spacing:1px}
        
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:all .2s;min-height:48px}.btn-primary{background:var(--primary);color:#fff!important}.btn-primary:hover{background:var(--primary-dark)!important;transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,66,119,.3)}.btn-whatsapp{background:#25D366!important;color:#fff!important}.btn-whatsapp:hover{background:#20bd5a!important;transform:translateY(-2px)}.btn-phone{background:var(--primary);color:#fff!important}.btn svg{width:20px;height:20px;flex-shrink:0}.btn-lg{padding:16px 28px;font-size:15px;width:100%}.btn-header{padding:10px 16px;font-size:13px}.btn-group{display:flex;gap:12px;flex-direction:column}.btn-group .btn{width:100%}
        
        /* Hero */
        .hero{background:linear-gradient(180deg,var(--primary-light) 0%,var(--white) 100%);padding:48px 0 40px}.hero-content{text-align:center}
        .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);border-radius:50px;color:#fff;font-size:13px;font-weight:700;margin-bottom:20px}.hero-badge svg{width:18px;height:18px}
        .hero-title{font-size:26px;font-weight:900;line-height:1.2;margin-bottom:16px}.hero-title span{color:black} .hero-title span span{color:var(--primary)}
        .hero-subtitle{font-size:16px;color:var(--text-gray);margin-bottom:28px;line-height:1.6}
        .hero-features{display:grid;gap:10px;margin-bottom:28px;text-align:left}
        .hero-feature{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--white);border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:500}
        .hero-feature svg{width:20px;height:20px;color:var(--accent);flex-shrink:0}
        .hero-cta-note{font-size:13px;color:var(--text-gray);margin-top:16px;display:flex;align-items:center;justify-content:center;gap:6px}
        .hero-cta-note svg{width:16px;height:16px;color:var(--primary)}
        
        /* Sections */
        .section{padding:48px 0}.section-gray{background:var(--bg-light)}.section-pink{background:var(--primary-light)}
        .section-header{text-align:center;margin-bottom:32px}
        .section-icon{width:56px;height:56px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
        .section-icon svg{width:28px;height:28px;color:var(--primary)}
        .section-icon.gold{background:var(--gold-light)}.section-icon.gold svg{color:var(--gold)}
        .section-title{font-size:22px;font-weight:800;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px}
        .section-title svg{width:24px;height:24px;color:var(--primary)}
        .section-subtitle{font-size:14px;color:var(--text-gray)}
        
        /* Problem/Solution */
        .compare-grid{display:grid;gap:16px}
        .compare-card{border-radius:16px;padding:24px}
        .compare-card.problem{background:var(--danger-light);border:2px solid #fecaca}
        .compare-card.solution{background:var(--accent-light);border:2px solid #a7c4a7}
        .compare-card h3{font-size:16px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px}
        .compare-card.problem h3{color:var(--danger)}.compare-card.problem h3 svg{color:var(--danger)}
        .compare-card.solution h3{color:var(--accent)}.compare-card.solution h3 svg{color:var(--accent)}
        .compare-card h3 svg{width:22px;height:22px}
        .compare-list{list-style:none}
        .compare-list li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;font-size:14px;border-bottom:1px solid rgba(0,0,0,.05)}
        .compare-list li:last-child{border-bottom:none}
        .compare-list li svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}
        .compare-card.problem .compare-list li{color:#991b1b}.compare-card.problem .compare-list li svg{color:var(--danger)}
        .compare-card.solution .compare-list li{color:#3d5a3d}.compare-card.solution .compare-list li svg{color:var(--accent)}
        
        /* Tech Card */
        .tech-card{background:var(--white);border:2px solid var(--primary);border-radius:20px;padding:28px;position:relative}
        .tech-badge{position:absolute;top:-1px;right:20px;background:var(--gold);color:#fff;padding:8px 16px;font-size:11px;font-weight:700;border-radius:0 0 10px 10px;display:flex;align-items:center;gap:6px}
        .tech-badge svg{width:14px;height:14px}
        .tech-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-top:10px}
        .tech-logo{width:70px;height:70px;background:linear-gradient(135deg,#1a365d,#2c5282);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
        .tech-logo span{color:#fff;font-size:11px;font-weight:800;text-align:center;line-height:1.2}
        .tech-header h3{font-size:20px;font-weight:800}
        .tech-header p{font-size:13px;color:var(--text-gray)}
        .tech-quote{background:var(--primary-light);border-left:4px solid var(--primary);padding:16px;border-radius:0 10px 10px 0;margin-bottom:20px;font-size:14px;color:var(--text-dark);font-style:italic}
        .tech-features{display:grid;gap:12px;margin-bottom:20px}
        .tech-feature{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--bg-light);border-radius:12px}
        .tech-feature svg{width:20px;height:20px;color:var(--primary);flex-shrink:0;margin-top:2px}
        .tech-feature span{font-size:14px}
        .tech-result{background:var(--accent-light);border-radius:12px;padding:16px;text-align:center}
        .tech-result p{font-size:14px;color:#3d5a3d;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}
        .tech-result svg{width:20px;height:20px;color:var(--accent)}
        
        /* Why Us */
        .why-card{background:var(--white);border:2px solid var(--primary);border-radius:16px;padding:24px}
        .why-card h3{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px;color:var(--primary)}
        .why-card h3 svg{width:22px;height:22px}
        .why-list{list-style:none;margin-bottom:16px}
        .why-list li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;font-size:14px;border-bottom:1px solid var(--border)}
        .why-list li:last-child{border-bottom:none}
        .why-list li svg{width:18px;height:18px;color:var(--accent);flex-shrink:0;margin-top:2px}
        .why-note{background:var(--primary-light);border-radius:10px;padding:14px;font-size:13px;color:var(--text-dark)}
        .why-note strong{color:var(--primary)}
        
        /* Steps */
        .steps-list{display:grid;gap:16px}
        .step-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:24px}
        .step-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}
        .step-number{width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff;flex-shrink:0}
        .step-card h4{font-size:15px;font-weight:700}
        .step-card p{font-size:14px;color:var(--text-gray);padding-left:54px}
        .steps-note{background:var(--accent-light);border-radius:12px;padding:16px;margin-top:20px;display:flex;align-items:center;gap:10px;font-size:14px;color:#3d5a3d;font-weight:500}
        .steps-note svg{width:20px;height:20px;color:var(--accent);flex-shrink:0}
        
        /* Prices */
        .prices-table{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden}
        .prices-header{display:grid;grid-template-columns:1fr auto auto;background:var(--primary);color:#fff;padding:14px 20px;font-size:13px;font-weight:700}
        .prices-row{position:relative;display:grid;grid-template-columns:1fr auto auto;padding:14px 20px;border-bottom:1px solid var(--border);align-items:center}
        .prices-row:last-child{border-bottom:none}
        .prices-row:hover{background:var(--primary-light)}
        .prices-row .zone{font-size:14px;font-weight:600}
        .prices-row .old{position: absolute;right: 100px;font-size:13px;color:var(--text-light);text-decoration:line-through}
        .prices-row .new{font-size:16px;font-weight:800;color:var(--primary)}
        .prices-note{font-size:12px;color:var(--text-gray);text-align:center;padding:16px}
        
        /* Guarantee */
        .guarantee-card{background:var(--gold-light);border:2px solid var(--gold);border-radius:16px;padding:28px;text-align:center;margin-top:24px}
        .guarantee-icon{width:64px;height:64px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 12px rgba(212,165,116,.25)}
        .guarantee-icon svg{width:32px;height:32px;color:var(--gold)}
        .guarantee-card h3{font-size:18px;font-weight:800;color:#92400e;margin-bottom:10px}
        .guarantee-card p{font-size:14px;color:#a16207;line-height:1.6}
        .guarantee-card .small{font-size:13px;margin-top:12px;font-style:italic}
        
        /* FAQ */
        .faq-list{display:grid;gap:12px}
        .faq-item{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:20px}
        .faq-item h4{font-size:15px;font-weight:700;margin-bottom:8px;color:var(--primary);display:flex;align-items:center;gap:8px}
        .faq-item h4 svg{width:18px;height:18px}
        .faq-item p{font-size:14px;color:var(--text-gray);line-height:1.6}
        
        /* Location */
        /* Card */
        .location-card{
            background:var(--white);
            border:1px solid var(--border);
            border-radius:16px;
            padding:24px;
        }
        
        /* Grid */
        .location-grid{
            display:grid;
            grid-template-columns: 1.2fr 1fr;
            gap:24px;
        }
        
        /* Left content */
        .location-header{
            display:flex;
            align-items:center;
            gap:12px;
            margin-bottom:20px;
            padding-bottom:16px;
            border-bottom:1px solid var(--border);
        }
        .location-header svg{
            width:24px;
            height:24px;
            color:var(--primary);
        }
        .location-header h3{
            font-size:18px;
            font-weight:700;
        }
        .location-header p{
            font-size:13px;
            color:var(--text-gray);
        }
        
        .location-row{
            display:flex;
            align-items:center;
            gap:12px;
            padding:12px 0;
            border-bottom:1px solid var(--border);
            font-size:14px;
        }
        .location-row:last-child{
            border-bottom:none;
        }
        .location-row svg{
            width:20px;
            height:20px;
            color:var(--primary);
            flex-shrink:0;
        }
        .location-row a{
            color:var(--primary);
            text-decoration:none;
            font-weight:600;
        }
        
        /* Right image */
        .location-image{
            width:100%;
            height:100%;
            border-radius:12px;
            overflow:hidden;
        }
        .location-image img{
            width:100%;
            height:100%;
            object-fit:cover;
        }
        
        /* Responsive */
        @media (max-width: 768px){
            .location-grid{
                grid-template-columns: 1fr;
            }
            .location-image{
                height:220px;
            }
        }

        
        /* CTA */
        .cta-section{background:var(--primary);padding:48px 0;text-align:center;color:#fff}
        .cta-section h2{font-size:22px;font-weight:800;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px}
        .cta-section h2 svg{width:24px;height:24px}
        .cta-section p{font-size:15px;opacity:.95;margin-bottom:8px}
        .cta-features{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:20px 0}
        .cta-feature{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}
        .cta-feature svg{width:18px;height:18px}
        .cta-buttons{display:flex;gap:12px;flex-direction:column;max-width:320px;margin:24px auto 0}
        .cta-buttons .btn{background:#fff!important;color:var(--primary)!important;font-weight:700}
        .cta-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}
        .cta-buttons .btn-whatsapp{background:#25D366!important;color:#fff!important}
        .cta-phone{margin-top:16px;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}
        .cta-phone svg{width:22px;height:22px}
        .cta-phone a {text-decoration:none;color:white}
        
        /* Footer */
        .footer{background:var(--bg-light);padding:24px 0;text-align:center;border-top:1px solid var(--border)}
        .footer p{color:var(--text-gray);font-size:13px;margin-bottom:4px}
        
        /* Floating CTA */
        .floating-cta{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:16px;right:16px;background:var(--white);border:2px solid var(--primary);border-radius:16px;padding:16px;z-index:99;display:none;box-shadow:0 10px 40px rgba(201,66,119,.25)}
        .floating-cta.visible{display:block;animation:slideUp .3s ease}
        @keyframes slideUp{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}
        .floating-cta-text{font-size:13px;font-weight:600;margin-bottom:12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}
        .floating-cta-text svg{width:16px;height:16px;color:var(--primary)}
        .floating-cta-buttons{display:flex;gap:10px}
        .floating-cta-buttons .btn{flex:1;padding:12px;font-size:13px}
        
        @media(min-width:768px){
            .btn-lg{width:auto}
            .btn-group{flex-direction:row;justify-content:center}.btn-group .btn{width:auto;min-width:200px}
            .hero{padding:64px 0 56px}.hero-title{font-size:34px}
            .hero-features{grid-template-columns:repeat(2,1fr)}
            .section{padding:64px 0}.section-title{font-size:26px}
            .compare-grid{grid-template-columns:repeat(2,1fr)}
            .tech-features{grid-template-columns:repeat(2,1fr)}
            .faq-list{grid-template-columns:repeat(2,1fr)}
            .cta-buttons{flex-direction:row;max-width:none;justify-content:center}
            .floating-cta{left:auto;right:20px;max-width:320px}
        }

    /* =========================
       УНИКАЛЬНЫЕ СТИЛИ ДЛЯ БЛОКА
    ========================= */
    .unique-offer-block {
      width: 100%;
      //padding: 40px 20px;
      background: #fff;
      box-sizing: border-box;
    }
    
    .unique-offer-container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      max-width: 1200px;
      margin: auto;
    }
    
    .unique-offer-left,
    .unique-offer-right {
      flex: 1 1 300px;
      box-sizing: border-box;
      padding: 20px;
      border-radius: 8px;
    }
    
    .unique-offer-left {
      background-color: #fff;
    }
    
    .unique-offer-title {
      font-size: 28px;
      font-weight: 700;
      margin: 0 0 10px 0;
    }
    
    .unique-offer-text {
        font-size: 16px;
        margin: 6px 0;
        line-height: 2.3;
    }
    
    .bonus-text {
      color: #c2185b;
      font-weight: 500;
    }
    
    .unique-countdown {
      display: flex;
      gap: 10px;
      margin-top: 20px;
      flex-wrap: wrap;
    }
    
    .unique-countdown-item {
      background-color: #c2185b;
      color: #fff;
      padding: 15px;
      text-align: center;
      border-radius: 4px;
      flex: 1;
      min-width: 60px;
      font-size:10px;
    }
    
    .unique-countdown-item span {
      display: block;
      font-size: 24px;
      font-weight: bold;
    }
    
    .unique-offer-right {
      //background-color: #f9f9f9;
      //border: 1px solid #ddd;
    }
    
    /* Адаптив */
    @media(max-width: 768px) {
      .unique-offer-container {
        flex-direction: column;
      }
    }
    .amoforms_iframe {height:280px!important}
    
    .photo-slider{
        overflow:hidden;
        width:100%;
    }
    
    .photo-slider{
        overflow:hidden;
        width:100%;
        position:relative;
    }
    
    .photo-track{
        display:flex;
        transition:transform 0.6s ease;
        will-change:transform;
    }
    
    .photo-slide{
        flex:0 0 33.3333%;
        padding:8px;
    }
    
    .photo-slide img{
        width:100%;
        height:auto; /* автоподстройка высоты */
        display:block;
        border-radius:14px;
    }
    
    /* Tablet */
    @media (max-width: 1024px){
        .photo-slide{
            flex:0 0 50%;
        }
    }
    
    /* Mobile */
    @media (max-width: 640px){
        .photo-slide{
            flex:0 0 100%;
        }
    }