/* ========================================================
   pirlandia-inline-head.css
   PageSpeed optimizasyonu: head.php içindeki inline <style>
   bloklari buraya tasindi (tarayici artik bunu her sayfada
   yeniden indirmek yerine cache'ten okuyabiliyor).
   ======================================================== */

   @media (min-width: 992px) {
    .container {
      width: 100%;
      max-width: 90% !important;
    }
  }

  @-webkit-keyframes pulse {
    to {
      box-shadow: 0 0 20px 5px #25d366;
    }
  }

  @-moz-keyframes pulse {
    to {
      box-shadow: 0 0 20px 5px #25d366;
    }
  }

  @-ms-keyframes pulse {
    to {
      box-shadow: 0 0 20px 5px #25d366;
    }
  }

  @keyframes pulse {
    to {
      box-shadow: 0 0 20px 5px #25d366;
    }
  }






  .content {
    background: #fff;
    padding: 20px
  }

  .logo img {
    mix-blend-mode: darken;
  }

  /* 
  header {
    background: #F7F6F4 !important
  } */

  header .menu ul li .sub-menu {
    top: 30px;
    z-index: 9999;
  }


  * {
    font-family: "Barlow", sans-serif;

  }

  .commentsContainer {
    background-color: #f3f5f6
  }

  header .menu ul li a {
    color: #002666
  }

  footer {
    background: #e7ebee;
  }

  footer .top ul li a {
    color: #002666;
  }

  footer .top p {
    color: #002666;
  }

  .properties-prod .text p.ttl,
  .properties-prod i {
    color: #002666
  }

  @media (min-width: 768px) {
    .ebulten {
      padding: 20px 50px
    }

    header .menu ul li a {
      line-height: 48px;
      font-weight: 500;
      font-size: 15px;
      padding: 0 15px;
    }

    .commentsContainer .left {
      padding: 84px 0;
    }

    .commentsContainer .left .text {
      width: 50%;
      float: right;
    }

    .commentsContainer .right {
      padding-top: 84px;
      background-color: #f3f5f6;
    }

    header .right-links ul li {
      padding: 0 10px
    }

    header .right-links ul li a i {
      display: block;
      font-size: 22px;
      margin-bottom: 9px;
    }

    header .right-links ul li a span {
      display: block;
    }

    header .right-links ul li a {
      text-align: center;
    }

    header .right-links {
      padding: 10px
    }
  }

  @media (min-width: 768px) and (max-width: 1280px) {
    header .menu ul li a {
      line-height: 48px;
      font-weight: 500;
      font-size: 12px;
      padding: 0 15px;
    }
  }

  .commentsContainer .button {
    font-weight: normal;
    border: none;
    padding: 0 10px;
    background: #82828230;
  }

  .commentsContainer .right {
    background-color: #f3f5f6;
  }

  .product-item .wrapper {
    transition: .3s;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f1f5f8a8;
  }

  .product-item .wrapper span {
    font-size: 19px;
    margin-top: 80%;
    display: inline-block;
    text-decoration: underline;
    font-weight: bold;
  }

  .sm {
    text-align: center;
  }

  .sm li {
    display: inline-block;
  }

  .sm li a {
    font-size: 20px;
    color: #002666;
    margin: 0 10px;
  }

  .smbaslik {
    text-align: center;
  }

  @media (min-width: 992px) {
    .product {
      width: 50%;
      float: left;
    }

    footer img {
      max-width: 280px !important;
    }


    .smbaslik {
      text-align: center;
      position: absolute;
      background: #e7ebee;
      padding: 10px;
      top: -44px;
      left: calc(50% - 55px);
      font-weight: normal;
      font-size: 16px;
    }

    .product-item:hover .wrapper {
      opacity: 1;
      display: block;
    }

    .borderright {
      border-right: 1px solid #ddd
    }

    .product-text .price .new {
      margin-right: 20px;
    }

    .logo img {
      max-width: 150px;
      margin-top: 20px;
    }

    .properties-prod .text {
      float: right;
      width: calc(100% - 36px);
      text-align: center;
    }

    .properties-prod .box {
      width: 12.5%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 0;
    }

    .properties-prod .box img {}

    .properties-prod .text p.ttl {
      font-weight: 500;
      font-size: 12px;
      line-height: 30px;
    }

    .properties-prod i {
      font-size: 30px
    }
  }

  .line .right .text .box,
  .line .right.active,
  .product-item:hover {
    box-shadow: none
  }

  /*.product-item .text a{
      color: #d3d3d3;
  }*/

  .product-text .price .new span {
    font-size: 22px
  }

  .product-text h1 {
    font-weight: 500
  }

  .product-text .ring input,
  .product-text .ring select {
    height: 40px
  }

  table td,
  table th {
    color: #888
  }

  @media (max-width: 991px) {
    .snowflakes {
      top: -120px
    }

    .product-text .price .new,
    .product-text .price .old {
      width: 50%;
      text-align: left;
    }
  }

  .product-img {
    padding: 0
  }

  @media (max-width: 767px) {
    .slider {
      margin-bottom: 20px
    }

    header .top a.pull-right {
      margin: 0 !important;
    }

    .properties-prod {
      margin: 0;
      padding-bottom: 0;
    }

    .properties-prod .text p.ttl {
      margin-bottom: 0
    }

    .line .right .titles span {
      width: 50% !important;
      padding: 10px 5px;
    }

    .sm li a {
      font-size: 17px;
      color: #002666;
      margin: 0 6px;
    }

    .smbaslik {
      text-align: center;
      float: left;
      margin-bottom: 0;
      line-height: 32px;
    }

    header .top {
      height: 36px;
    }

    header .top a {
      font-size: 11px
    }

    .product-text button {
      max-width: 275px !important;
    }

    .sm {
      margin-bottom: 30px
    }

    .commentsContainer .left {
      padding: 30px;
      background: none !important
    }

    .ebulten {
      margin-bottom: 10px;
      padding: 20px 0
    }

    .ebulten input[type=text] {
      padding: 0 0 0 5px
    }

    .ebulten p {
      line-height: 21px !important;
      margin-bottom: 10px !important;
    }

    .line .right .titles span:after .commentsContainer .left,
    .commentsContainer .right {

      background-image: none !important;
      padding: 30px !important;
    }

    footer .top {
      padding: 0 0 50px
    }

    header .right-links {
      padding-top: 13px;
      padding-right: 8px;
    }

    .clearMargin {
      margin-top: 30px
    }

    .product-text .price .mobil100 {
      width: 100%
    }

    .product-text .price .mobil50 {
      width: 50% !important
    }

    .line .right .titles span:after {
      margin-left: 6px
    }
  }

  .product-text .price {
    /*margin: 20px 0 30px;*/
    margin: 20px 0 0;
  }

  .slider .owl-dots {
    display: block;
    text-align: center;
    position: absolute;
    z-index: 9999;
    left: 0;
    bottom: 10px;
    width: 100%;
  }

  .slider .owl-dots .owl-dot.active {
    background-color: #fff;
  }

  .slider .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 5px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
  }

  .product-text .cargoo {
    text-align: left;
  }

  img[src="/img/cok-satan.png"] {
    display: none;
  }


  header .menu ul li {
    position: relative;
  }

  @media (min-width: 992px) {
    header .menu ul li .sub-menu {
      opacity: 0;
      transition: all .4s;
      text-align: left;
      width: 220px;
      position: absolute;
      z-index: 3;
      pointer-events: none;
      background-color: #fff;
      top: 48px;
      left: 0;
      border: 1px solid #f1f1f1;
      padding: 0
    }
  }

/* --- Filtrele / Sirala tasarimi (23-06-26) --- */

  /* =========================================
  PIRLANDIA FİLTRELE VE SIRALA TASARIMI
  ========================================= */

  .filter-sort-container {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 150 !important;
  }



  .filter-sort-container .dropdown {
    position: relative !important;
  }

  .filter-sort-container .btn {
    width: auto !important;
    min-width: 118px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid #d9deec !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #1e243e !important;
    box-shadow: 0 3px 10px rgba(30, 36, 62, 0.08) !important;
    font-family: "Barlow", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.1px !important;
    text-transform: none !important;
    cursor: pointer !important;
    transition:
      border-color 0.2s ease,
      box-shadow 0.2s ease,
      background-color 0.2s ease,
      transform 0.2s ease !important;
  }

  .filter-sort-container .btn:hover {
    border-color: #6b7ab8 !important;
    background: #f8f9fd !important;
    box-shadow: 0 5px 15px rgba(64, 80, 151, 0.13) !important;
    transform: translateY(-1px) !important;
  }

  .filter-sort-container .btn:focus-visible {
    outline: 3px solid rgba(107, 122, 184, 0.2) !important;
    outline-offset: 2px !important;
  }

  /* Filtrele butonu */

  .filter-sort-container .filter-btn {
    background: #1e243e !important;
    border-color: #1e243e !important;
    color: #ffffff !important;
    box-shadow: 0 4px 13px rgba(30, 36, 62, 0.18) !important;
  }

  .filter-sort-container .filter-btn:hover {
    background: #405097 !important;
    border-color: #405097 !important;
    color: #ffffff !important;
  }

  /* Buton ikonları */

  .filter-sort-container .filter-btn::before,
  .filter-sort-container .sort-btn::before {
    content: "" !important;
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    display: block !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
  }

  .filter-sort-container .filter-btn::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16M7 12h10M10 19h4'/%3E%3C/svg%3E") !important;
  }

  .filter-sort-container .sort-btn::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231e243e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h10M8 12h7M8 18h4M4 4v16M2 18l2 2 2-2'/%3E%3C/svg%3E") !important;
  }

  .filter-sort-container .sort-btn::after {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    margin: -4px 0 0 3px !important;
    border-right: 1.5px solid #405097 !important;
    border-bottom: 1.5px solid #405097 !important;
    transform: rotate(45deg) !important;
    transition: transform 0.2s ease !important;
  }

  .filter-sort-container .dropdown.is-open .sort-btn::after {
    margin-top: 4px !important;
    transform: rotate(225deg) !important;
  }

  /* Seçili filtre sayısı */

  .filter-sort-container .filter-btn[data-count]:not([data-count="0"])::after {
    content: attr(data-count) !important;
    min-width: 18px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 1px !important;
    padding: 0 5px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    color: #405097 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
  }

  /* Sıralama açılır menüsü */

  .filter-sort-container .dropdown-content {
    display: none !important;
    width: 205px !important;
    min-width: 205px !important;
    position: absolute !important;
    top: calc(100% + 5px) !important;
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
    padding: 6px !important;
    overflow: hidden !important;
    border: 1px solid #e1e5ef !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 35px rgba(30, 36, 62, 0.16) !important;
    z-index: 10020 !important;
  }

  .filter-sort-container .dropdown.is-open .dropdown-content,
  .filter-sort-container.active .dropdown-content {
    display: block !important;
    animation: pirlandiaDropdownOpen 0.18s ease both !important;
  }

  @media (min-width: 769px) {
    .filter-sort-container .dropdown:hover .dropdown-content {
      display: block !important;
    }
  }

  .filter-sort-container .dropdown-content span {
    width: 100% !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    margin: 0 !important;
    padding: 9px 11px 9px 35px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #31384f !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    cursor: pointer !important;
    transition: background-color 0.18s ease, color 0.18s ease !important;
  }

  .filter-sort-container .dropdown-content span::before {
    content: "" !important;
    width: 16px !important;
    height: 16px !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    transform: translateY(-50%) !important;
    opacity: 0.85 !important;
  }

  .filter-sort-container .dropdown-content span[rel="fiyat,asc"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='%23405097' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M10 16V4M6 8l4-4 4 4'/%3E%3C/svg%3E") !important;
  }

  .filter-sort-container .dropdown-content span[rel="fiyat,desc"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='%23405097' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M10 4v12M6 12l4 4 4-4'/%3E%3C/svg%3E") !important;
  }

  .filter-sort-container .dropdown-content span:hover,
  .filter-sort-container .dropdown-content span.is-selected {
    background: #f1f3fa !important;
    color: #1e243e !important;
  }

  /* Filtre penceresi */

  #filter-popup.popup {
    display: none;
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    inset: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
    background: rgba(19, 24, 43, 0.5) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    z-index: 999999 !important;
  }

  html.popup-open,
  body.popup-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  #filter-popup .popup-content {
    width: min(500px, calc(100vw - 32px)) !important;
    max-width: 500px !important;
    max-height: 84vh !important;
    position: relative !important;
    margin: 0 !important;
    padding: 22px 20px 20px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid rgba(225, 229, 239, 0.9) !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 65px rgba(14, 19, 39, 0.27) !important;
    animation: pirlandiaPopupOpen 0.24s ease both !important;
  }

  #filter-popup .popup-content::before {
    content: "Filtreleme Seçenekleri" !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 48px 14px 0 !important;
    padding: 0 0 13px !important;
    border-bottom: 1px solid #e8eaf1 !important;
    color: #1e243e !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
  }

  /* Kapatma butonu */

  #filter-popup .close-btn {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e0e4ee !important;
    border-radius: 50% !important;
    background: #f7f8fb !important;
    color: transparent !important;
    font-size: 0 !important;
    cursor: pointer !important;
    z-index: 10 !important;
  }

  #filter-popup .close-btn::before,
  #filter-popup .close-btn::after {
    content: "" !important;
    width: 14px !important;
    height: 1.5px !important;
    position: absolute !important;
    border-radius: 4px !important;
    background: #1e243e !important;
  }

  #filter-popup .close-btn::before {
    transform: rotate(45deg) !important;
  }

  #filter-popup .close-btn::after {
    transform: rotate(-45deg) !important;
  }

  /* Accordion */

  #filter-popup .accordion {
    width: 100% !important;
  }

  #filter-popup .accordion-item {
    width: 100% !important;
    margin: 0 !important;
    border-bottom: 1px solid #e8eaf1 !important;
  }

  #filter-popup .accordion-item:last-child {
    border-bottom: 0 !important;
  }

  #filter-popup .accordion-btn {
    width: 100% !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    margin: 0 !important;
    padding: 14px 35px 14px 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #1e243e !important;
    box-shadow: none !important;
    font-family: "Barlow", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    cursor: pointer !important;
  }

  #filter-popup .accordion-btn::after {
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    position: absolute !important;
    top: 50% !important;
    right: 7px !important;
    border-right: 1.5px solid #6b7ab8 !important;
    border-bottom: 1.5px solid #6b7ab8 !important;
    background: none !important;
    transform: translateY(-65%) rotate(45deg) !important;
    transition: transform 0.2s ease !important;
  }

  #filter-popup .accordion-btn.active::after {
    transform: translateY(-20%) rotate(225deg) !important;
  }

  #filter-popup .accordion-content {
    display: none;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 14px !important;
    border: 0 !important;
    background: transparent !important;
  }

  #filter-popup .accordion-btn.active+.accordion-content {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  #filter-popup .accordion-item:last-child .accordion-content {
    grid-template-columns: 1fr !important;
  }

  #filter-popup .accordion-content label {
    width: 100% !important;
    min-height: 39px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid #e1e4ed !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #51586e !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    cursor: pointer !important;
  }

  #filter-popup .accordion-content label:hover {
    border-color: #a9b1d1 !important;
    background: #f7f8fc !important;
    color: #1e243e !important;
  }

  #filter-popup .accordion-content label:has(input:checked) {
    border-color: #6b7ab8 !important;
    background: #f0f2fa !important;
    color: #1e243e !important;
  }

  #filter-popup .accordion-content input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    position: relative !important;
    margin: 0 !important;
    border: 1.5px solid #b8bfd2 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
  }

  #filter-popup .accordion-content input[type="checkbox"]:checked {
    border-color: #405097 !important;
    background: #405097 !important;
  }

  #filter-popup .accordion-content input[type="checkbox"]:checked::after {
    content: "" !important;
    width: 5px !important;
    height: 9px !important;
    position: absolute !important;
    top: 1px !important;
    left: 5px !important;
    border-right: 2px solid #ffffff !important;
    border-bottom: 2px solid #ffffff !important;
    transform: rotate(45deg) !important;
  }

  @keyframes pirlandiaDropdownOpen {
    from {
      opacity: 0;
      transform: translateY(-5px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes pirlandiaPopupOpen {
    from {
      opacity: 0;
      transform: translateY(12px) scale(0.985);
    }

    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  /* Mobil */

  @media (max-width: 768px) {
    .filter-sort-container {
      justify-content: flex-end !important;
      gap: 8px !important;
      margin: 2px 0 14px 14px !important;
    }

    .filter-sort-container>.filter-btn,
    .filter-sort-container>.dropdown {
      width: auto !important;
      flex: 0 0 auto !important;
    }

    .filter-sort-container .btn {
      width: auto !important;
      min-width: 112px !important;
      height: 40px !important;
      padding: 0 13px !important;
      font-size: 13px !important;
    }

    .filter-sort-container .dropdown-content {
      width: 195px !important;
      min-width: 195px !important;
    }

    #filter-popup.popup {
      align-items: flex-end !important;
      justify-content: center !important;
      padding: 0 !important;
    }

    #filter-popup .popup-content {
      width: 100% !important;
      max-width: none !important;
      max-height: 88dvh !important;
      margin: 0 !important;
      padding: 20px 16px 24px !important;
      border: 0 !important;
      border-radius: 18px 18px 0 0 !important;
      box-shadow: 0 -15px 45px rgba(14, 19, 39, 0.2) !important;
    }

    #filter-popup .popup-content::before {
      margin-right: 45px !important;
      font-size: 17px !important;
    }

    #filter-popup .accordion-btn.active+.accordion-content {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 6px !important;
    }

    #filter-popup .accordion-content label {
      min-height: 38px !important;
      padding: 7px 8px !important;
      font-size: 11.5px !important;
    }
  }

  @media (max-width: 370px) {
    #filter-popup .accordion-btn.active+.accordion-content {
      grid-template-columns: 1fr !important;
    }
  }