<style>
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

.gooffe-chat-faq .scroll-hint {
  background: #e8eef2;
  color: #0395F0;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 14px;
  animation: blink-animation 1.5s infinite;
  pointer-events: none;
  z-index: 10;
}

@keyframes blink-animation {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}

* {
  box-sizing: border-box;
}

.gooffe-chat-faq {
  display: flex;
  justify-content: center;
  padding: 40px 15px;
  background: transparent;
  font-family: "Montserrat", system-ui, sans-serif;
}

.gooffe-chat-faq .phone-frame {
  width: 100%;
  max-width: 400px;                /* ⬅ phone width */
  background: #111;
  border-radius: 32px;
  padding: 12px;
  box-shadow: 0 18px 50px rgba(0,0,0,0.25);
  color: #fff;
  position: relative;
}

.gooffe-chat-faq .phone-inner {
  background: #E8EEF3;
  border-radius: 26px;
  padding: 10px 0 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;

  /* ⬅ phone portrait by default */
  aspect-ratio: 9 / 16;
}

.gooffe-chat-faq .phone-notch {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 18px;
  background: #000;
  border-radius: 8px;
}

.gooffe-chat-faq .phone-header {
  text-align: center;
  padding-top: 18px;
  padding-bottom: 8px;
}

.gooffe-chat-faq .phone-header h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #222;
}

.gooffe-chat-faq .phone-header .time {
  font-size: 26px;
  font-weight: 700;
  margin: 4px 0 2px;
  color: #111;
}

.gooffe-chat-faq .phone-header .chat-title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-top: 16px;
}

.gooffe-chat-faq .chat-scroll {
  padding: 10px 14px 12px;
  overflow-y: auto;
  scroll-behavior: smooth;
  flex: 1;
}

.gooffe-chat-faq .chat-group {
  margin-bottom: 14px;
}

.gooffe-chat-faq .chat-label {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #0395F0;
  margin-bottom: 6px;
  font-weight: 600;
}

.gooffe-chat-faq .message {
  max-width: 90%;
  padding: 10px 12px;
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  margin-bottom: 6px;
  word-wrap: break-word;
  text-align: left;
}

.gooffe-chat-faq .message strong {
  display: block;
  margin-bottom: 4px;
}

.gooffe-chat-faq .message-parent {
  background: #ffffff;
  color: #222;
  align-self: flex-start;
  border-bottom-left-radius: 3px;
}

.gooffe-chat-faq .message-teacher {
  background: #0395F0;
  color: #fff;
  align-self: flex-end;
  border-bottom-right-radius: 3px;
}

.gooffe-chat-faq .message p {
  margin: 0 0 6px;
}

.gooffe-chat-faq .message p:last-child {
  margin-bottom: 0;
}

/* Optional: Larger aspect ratio on wider screens */
@media (min-width: 768px) {
  .gooffe-chat-faq .phone-inner {
    aspect-ratio: 3 / 5;          /* ⬅ slightly wider on tablets */
  }
}
</style>

<section class="gooffe-chat-faq">
  
  <div class="phone-frame">
    <div class="phone-notch"></div>

    <div class="phone-inner">
      <div class="phone-header">
  <h4 style = "font-size: 18px; font-weight: 600;">четвъртък, 1 януари </h4>     
  <div class="time">20:26</div>
    <div class="scroll-hint">
  ⬇️ Скролнете надолу
</div>
        <div class="chat-title">💬 Въпроси и отговори</div>
      </div>

      <div class="chat-scroll">

           <!-- Въпрос 1 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 1</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Какво представлява GoOffe™?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            <p>GoOffe™ е интелигентна система за управление на мобилни устройства в училищна среда, създадена да ограничава разсейването и да подпомага фокуса по време на учебните часове.</p>
            <p><b>Системата включва калъф с Фарадей тъкан, която изолира телефона от сигнал, и заключващ механизъм, който се отключва със специално магнитно устройство – детачър.</b> Това позволява безопасно, контролирано и прозрачно управление на устройствата в училище.</p>
          </div>
        </div>

        <!-- Въпрос 2 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 2</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Законно ли е използването на Фарадей калъфи в училище?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            <p><b>ДА.</b> Фарадей калъфите са <b>пасивни устройства и не представляват заглушители</b> по смисъла на закона. Те <b>не излъчват, не смущават и не блокират активно сигнал</b>, а единствено го <b>изолират</b>.</p>
            <p>Според действащото българско и европейско законодателство ограниченията се отнасят само до <b>активни устройства</b>, които генерират радиочестотни смущения. Фарадей калъфите <b>не излъчват никакъв сигнал</b>, поради което <b>не попадат в категорията на забранените устройства</b>.</p>
            <p>Те се разглеждат като <b>пасивни защитни аксесоари</b>, напълно <b>сравними с кутии за телефони, шкафчета или метални сейфове</b>. Затова използването им в училищна среда е <b>напълно законно, безопасно и допустимо</b> като част от организацията и управлението на мобилни устройства.</p>
          </div>
        </div>

        <!-- Въпрос 3 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 3</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Възможно ли е GoOffe™ калъфът да бъде произведен и във вариант без изолираща сигналите тъкан?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            <p><b>ДА.</b> GoOffe™ може да бъде произведен и <b>без Фарадей тъкан</b>, при което калъфът изпълнява единствено функцията на <b>заключващ се защитен калъф</b>, без изолация на мобилния сигнал. Това решение е изцяло въпрос на вътрешна политика и избор на училищното ръководство.</p>
            <p>Важно е да се има предвид, че при липса на Фарадей изолация <b>телефонът остава активен към мобилни мрежи и Bluetooth устройства</b>. Това означава, че ученикът може да получава <b>обаждания, съобщения, нотификации</b> или известия на <b>смарт часовници</b>, което увеличава риска от разсейване по време на учебния процес. Фарадей слоят осигурява <b>пълно изолиране на сигнала</b> и гарантира максимален контрол в учебна среда.</p>
          </div>
        </div>

        <!-- Въпрос 4 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 4</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Къде се поставят отключващите магнитни устройства – детачъри?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            <p>Детачър моделите <b>Pro</b> и <b>Basic</b> се монтират <b>фиксирано на стените</b> в коридорите или около <b>основните входове и изходи</b> на училището. Това позволява на учениците <b>самостоятелно, безопасно и бързо</b> да отключват калъфите в края на учебния ден, без необходимост от участие на учителя.</p>
            <p><b>Мобилните магнитни устройства</b> – детачъри могат да бъдат предоставени на определени учители или да се съхраняват в <b>заключен шкаф в класната стая</b>. След приключване на учебните часове те могат да бъдат оставяни на <b>първото бюро или учителското бюро</b>, така че децата да отключват калъфите си <b>самостоятелно при излизане от стаята</b>, без да се образува струпване на изхода (въпреки че самото отключване отнема около <b>10 секунди/ученик</b>). Това е част от вътрешната организация на конкретен клас или училище.</p>
          </div>
        </div>

        <!-- Въпрос 5 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 5</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Как се процедира при спешен случай?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            <p>При спешност учителят може <b>незабавно да отключи калъфа</b>, ако е необходимо използването на телефон. Системата <b>не пречи на вътрешната комуникация</b> — служебните мобилни устройства, стационарните телефони и други канали функционират нормално.</p>
            <p>Добра практика е училището да изготви <b>вътрешен протокол за действие при извънредни ситуации</b>.</p>
          </div>
        </div>

        <!-- Въпрос 6 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 6</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Уврежда ли GoOffe™ телефона или батерията?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            <b>НЕ</b>. Калъфът <b>не генерира електромагнитни полета, не влияе върху батерията, и не въздейства върху хардуера или софтуера.</b> Той единствено създава <b>пасивна изолация на сигнала</b>.
          </div>
        </div>

        <!-- Въпрос 7 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 7</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Може ли ученикът да отвори калъфа сам?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            <b>НЕ.</b> Калъфът използва <b>индустриален заключващ механизъм</b>, който се отключва само с <b>официалното GoOffe™ магнитно устройство</b> – детачър. Опитите за насилствено отваряне оставят <b>видими следи</b>, което предотвратява злоупотреби.
          </div>
        </div>

        <!-- Въпрос 8 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 8</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Универсален ли е размерът и побира ли всички телефони?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            Да. Калъфите GoOffe™ са с <b>универсален размер</b>, разработен така, че да побира <b>абсолютно всички съвременни модели смартфони</b> – включително по-големите <b>iPhone Pro Max, Samsung Ultra</b> и устройства с обемни защитни кейсове. Калъфът е проектиран така, че да осигурява <b>удобно поставяне, сигурно заключване и пълна функционалност</b>, независимо от модела на телефона.
          </div>
        </div>

        <!-- Въпрос 9 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 9</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Колко време отнема процесът на поставяне и заключване на телефоните?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            <p>Процесът е <b>изключително бърз</b>. Учениците <b>самостоятелно</b> поставят телефоните си в калъфите и ги заключват с <b>едно натискане</b>. Това отнема до <b>15 секунди</b>.</p>
            <p>В края на деня те ги отключват <b>самостоятелно</b> чрез разположените магнитни устройства – детачъри. Учителите <b>не участват активно</b> в процеса.</p>
          </div>
        </div>

        <!-- Въпрос 10 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 10</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Какво се случва, ако ученик откаже да постави телефона си в калъфа?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            Училището може да включи използването на GoOffe™ в своя <b>официален правилник</b>. При отказ се прилагат <b>предвидените дисциплинарни мерки.</b> GoOffe™ предоставя <b>готови текстове</b> за интеграция в училищните документи.
          </div>
        </div>

        <!-- Въпрос 11 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 11</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Какво става, ако ученик носи втори телефон?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            Това е <b>административен въпрос</b>, решаван от училищния правилник. Най-често се изисква <b>всички устройства</b> да бъдат поставени в калъф. Учителят може да направи <b>визуална проверка</b>, без да нарушава личното пространство.
          </div>
        </div>

        <!-- Въпрос 12 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 12</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Колко устойчив е GoOffe™ калъфът?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            GoOffe™ калъфите са проектирани за ежедневна училищна употреба и са изработени с <b>подсилена двойна тъкан, устойчиви шевове и надежден заключващ механизъм.</b> Конструкцията им осигурява дълготрайна издръжливост при интензивно натоварване – обичайно около <b>2–3 години.</b>
          </div>
        </div>

        <!-- Въпрос 13 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 13</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Могат ли калъфите да се персонализират с името на ученик?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            <b>ДА.</b> Предоставяме <b>специални маркери</b>, с които <b>учениците могат лесно да изпишат името си или да добавят рисунка, символ или декорация</b>. Това позволява всеки калъф да бъде <b>персонален и лесно разпознаваем</b>, без да се нарушава неговата функционалност или издръжливост.
          </div>
        </div>

        <!-- Въпрос 14 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 14</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Как се поддържат калъфите?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            Калъфите изискват <b>минимална поддръжка</b> – необходимо е <b>единствено периодично почистване с влажна кърпа. Материалът е водоотблъскващ и устойчив</b>, което позволява лесно и бързо освежаване при ежедневна употреба.
          </div>
        </div>

        <!-- Въпрос 15 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 15</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Какво се случва при загуба или повреда на калъф?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            Обичайно училищата приемат правило, че <b>при загуба, повреда или умишлено увреждане разходите за подмяна на калъфа се поемат от родителя.</b> Това гарантира отговорно ползване и навременна подмяна при необходимост.
          </div>
        </div>

        <!-- Въпрос 16 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 16</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Има ли гаранция за продуктите?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            ДА. Всички продукти GoOffe™ се предлагат с <b>12-месечна гаранция</b>, която покрива <b>производствени дефекти</b> и гарантира сигурна и надеждна употреба на системата.
          </div>
        </div>

        <!-- Въпрос 17 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 17</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Предлагат ли се единични бройки от системата GoOffe™?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            GoOffe™ <b>не се предлага на единични бройки.</b> Минималната поръчка е 100 броя, което е подходящо за родителски настоятелства, класни общности или училищни инициативи. Това позволява оптимална организация и ефективно внедряване на системата в училищната среда.
          </div>
        </div>

        <!-- Въпрос 18 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 18</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Чия собственост е калъфът и как се предоставя на учениците?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            Калъфите GoOffe™ са <b>собственост на училището.</b> Те се предоставят на учениците <b>за лично ползване през учебната година</b>, след което се <b>връщат, подменят или реорганизират</b> според вътрешните правила на институцията. Училището определя условията за ползване и отговорността при повреда или загуба.
          </div>
        </div>

        <!-- Въпрос 19 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 19</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Колко магнитни устройства – детачъра са необходими за едно училище?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            Препоръчва се във <b>всяка класна стая да има поне едно магнитно устройство – детачър</b> за бързо и организирано отключване в края на деня. В по-големите училища е подходящо да се добавят допълнителни детачъри в <b>коридорите, на основните входове и изходи</b>, както и в <b>учителската стая</b>, за да се осигури плавен поток и удобство за всички ученици.
          </div>
        </div>

        <!-- Въпрос 20 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 20</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Как се извършва поръчката, договорът и доставката?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            Процесът е ясен и улеснен: <b>училището получава индивидуална оферта → подписва договор → издава се проформа-фактура → поръчката се подготвя и преминава към изпълнение → извършва се доставката.</b>
          </div>
        </div>

        <!-- Въпрос 21 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 21</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Как се завежда системата GoOffe™ в счетоводството на училището?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            <p><b>Системата GoOffe™ се завежда като краткотрайни материални активи</b>, тъй като единичните ѝ компоненти са <b>под прага за дълготрайни материални активи.</b></p>
            <p>В училищното счетоводство тя се отчита като материали, използвани за организацията и управлението на учебния процес, в съответствие с националните счетоводни стандарти и вътрешните правила на институцията.</p>
          </div>
        </div>

        <!-- Въпрос 22 -->
        <div class="chat-group">
          <div class="chat-label">Въпрос 22</div>
          <div class="message message-parent">
            <strong>❓Въпрос:</strong>
            Българска ли е фирмата, която представлява системата GoOffe™?
          </div>
          <div class="message message-teacher">
            <strong>💬 Отговор:</strong>
            <p>ДА. Училищата сключват <b>договор с българско дружество</b>, което е официален ползвател на запазената търговска марка GoOffe™, собственост на чуждестранна корпорация. <b>Това осигурява пълна прозрачност, правна сигурност и гаранционни условия, съобразени с действащото законодателство в България.</b></p>
            <p>Моделът на GoOffe™ е адаптиран от успешни международни практики и напълно съответства на актуалните и предстоящи нормативни изисквания, свързани с ограничаването на употребата на мобилни устройства в училищната среда.</p>
          </div>
             
        </div>
 
      </div>
              
     </div>
             
  </div>
</section>