@import url('https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap');
@import "/themes/custom/kerataif/css/global-defaults.css";
/* Global mixins*/
.fitimg {
  width: 100%;
  height: auto;
  display: block;
}
.fit {
  float: left;
  width: 100%;
}
/* Variables */
:root {
  --kerataif-blue: #2375d3;
  --kerataif-blue-dark: #154377;
  --kerataif-green: #65CDA7;
  --kerataif-white: #D6D6DD;
  --kerataif-black: #111111;
  --kerataif-gray: #81868F;
  --kerataif-gray-dark: #333333;
  --kerataif-gray-light: #bbbbbb;
  --kerataif-font-size: 16px;
}
.roundit {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
/* Form objects */
.button {
  padding: 5px 15px;
  cursor: pointer;
  color: #FFF;
  border: none;
  background: var(--kerataif-black);
  height: 40px;
  font-size: var(--kerataif-font-size);
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-family: 'DM Sans', sans-serif;
  display: flex;
  align-items: center;
  text-align: center;
}
.button:hover {
  background: var(--kerataif-gray-dark);
}
.js-form-type-textfield,
.js-form-type-textarea,
.js-form-type-email,
.js-form-type-number,
.js-form-type-tel,
.js-form-type-url,
.js-form-type-select,
.js-form-type-search,
.js-form-type-password .js-form-type-date,
.js-form-type-password {
  margin-bottom: 20px;
}
.js-form-type-textfield > label,
.js-form-type-textarea > label,
.js-form-type-email > label,
.js-form-type-number > label,
.js-form-type-tel > label,
.js-form-type-url > label,
.js-form-type-select > label,
.js-form-type-search > label,
.js-form-type-password .js-form-type-date > label,
.js-form-type-password > label {
  margin-left: 10px;
}
.form-text,
.form-textarea,
.form-search,
.form-email,
.form-number,
.form-tel,
.form-url,
.form-date {
  padding: 5px 10px;
  border: none;
  width: 100%;
  box-sizing: border-box;
  font-family: 'DM Sans', sans-serif;
  border: 1px solid var(--kerataif-gray-light);
  background: none;
  font-size: 1rem;
  height: 40px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
}
.form-text:focus,
.form-textarea:focus,
.form-search:focus,
.form-email:focus,
.form-number:focus,
.form-tel:focus,
.form-url:focus,
.form-date:focus {
  border: 1px solid var(--kerataif-gray);
}
.form-date {
  padding-right: 5px;
  min-width: auto;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='%23D6D6DD' d='M5.833 1.667h.834A.833.833 0 0 1 7.5 2.5v.833h4.167V2.5a.834.834 0 0 1 .833-.833h.833a.833.833 0 0 1 .834.833v.833a2.5 2.5 0 0 1 2.5 2.5V15a2.5 2.5 0 0 1-2.5 2.5H5A2.5 2.5 0 0 1 2.5 15V5.833a2.5 2.5 0 0 1 2.5-2.5V2.5a.833.833 0 0 1 .833-.833ZM12.5 3.333h.833V2.5H12.5v.833Zm-5.833 0V2.5h-.834v.833h.834ZM5 4.167a1.667 1.667 0 0 0-1.667 1.666v.834h12.5v-.834a1.667 1.667 0 0 0-1.666-1.666H5ZM3.333 15A1.667 1.667 0 0 0 5 16.667h9.167A1.667 1.667 0 0 0 15.833 15V7.5h-12.5V15ZM10 10.833h4.167V15H10v-4.167Zm.833.834v2.5h2.5v-2.5h-2.5Z'/%3e%3c/svg%3e");
  background-position: right 7px center;
  background-repeat: no-repeat;
  background-size: 16px auto;
}
.form-date::-webkit-calendar-picker-indicator {
  background: none;
}
.form-time {
  border-left: none;
  padding-right: 10px;
  min-width: auto;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23D6D6DD' d='M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0Zm0 1.395a8.605 8.605 0 1 0 0 17.21 8.605 8.605 0 0 0 0-17.21Zm-.93 4.186c.385 0 .697.313.697.698v4.884h4.884a.698.698 0 0 1 0 1.395H9.07a.698.698 0 0 1-.698-.698V6.28c0-.386.312-.699.698-.699Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h20v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-position: right 11px center;
  background-repeat: no-repeat;
  background-size: 13px auto;
}
.form-time::-webkit-calendar-picker-indicator {
  background: none;
}
.field--type-datetime > .js-form-item {
  border: none;
}
.field--type-datetime > .js-form-item .fieldset-wrapper > div {
  display: flex;
  align-items: center;
}
.form-textarea {
  min-height: 80px;
  font-family: 'DM Sans', sans-serif;
}
.form-select {
  padding: 5px 40px 5px 10px;
  font-size: 1rem;
  height: 40px;
  width: 100%;
  border: 1px solid var(--kerataif-gray-light);
  font-family: 'DM Sans', sans-serif;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' fill='none' viewBox='0 0 24 12'%3e%3cpath stroke='%23CCC' stroke-linecap='round' stroke-width='3' d='m2 2 10 8 10-8'/%3e%3c/svg%3e");
  background-size: auto 8px;
  background-position: right 10px center;
  background-repeat: no-repeat;
}
.form-select:focus {
  border: 1px solid var(--kerataif-gray);
}
.form-select option {
  font-size: 0.8rem;
}
.form-radio {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid var(--kerataif-gray-light);
  width: 16px;
  height: 16px;
  outline: none;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transform: translate(5px, 2px);
  -moz-transform: translate(5px, 2px);
  -o-transform: translate(5px, 2px);
  -ms-transform: translate(5px, 2px);
  transform: translate(5px, 2px);
}
.form-radio + label {
  padding-left: 7px;
  cursor: pointer;
}
.form-radio:hover,
.form-radio:focus {
  border-color: var(--kerataif-gray);
  cursor: pointer;
}
.form-radio:checked {
  background: var(--kerataif-gray);
  border: 1px solid var(--kerataif-gray);
}
.form-checkbox {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid var(--kerataif-gray-light);
  width: 16px;
  height: 16px;
  outline: none;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -webkit-transform: translate(5px, 2px);
  -moz-transform: translate(5px, 2px);
  -o-transform: translate(5px, 2px);
  -ms-transform: translate(5px, 2px);
  transform: translate(5px, 2px);
}
.form-checkbox + label {
  padding-left: 7px;
  cursor: pointer;
}
.form-checkbox:hover,
.form-checkbox:focus {
  border-color: var(--kerataif-gray);
  cursor: pointer;
}
.form-checkbox:checked {
  background: var(--kerataif-gray);
  border: 1px solid var(--kerataif-gray);
  /*box-shadow: inset 0 0 0 3px #fff;*/
}
.form-submit {
  padding: 5px 15px;
  cursor: pointer;
  color: #FFF;
  border: none;
  background: var(--kerataif-black);
  height: 40px;
  font-size: var(--kerataif-font-size);
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-family: 'DM Sans', sans-serif;
  display: flex;
  align-items: center;
  text-align: center;
}
.form-submit:hover {
  background: var(--kerataif-gray-dark);
}
.black-overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 99;
}
.black-overlay.active {
  opacity: 1;
  pointer-events: all;
}
/* Default objects */
.description {
  font-size: 0.8rem;
}
#block-kerataif-page-title h1 {
  font-weight: 500;
  text-align: center;
}
.block > h2 {
  font-weight: 500;
  font-size: 1.25rem;
  color: var(--kerataif-black);
}
/* Site global styles */
html {
  font-size: var(--kerataif-font-size);
}
body {
  margin: 0;
  font-family: 'DM Sans', sans-serif, sans-serif;
  font-size: var(--kerataif-font-size);
  color: var(--kerataif-gray);
  font-weight: 400;
}
.dialog-off-canvas-main-canvas {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}
.dialog-off-canvas-main-canvas a:link,
.dialog-off-canvas-main-canvas a:visited {
  text-decoration: none;
  color: var(--kerataif-gray);
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
}
.dialog-off-canvas-main-canvas a:hover,
.dialog-off-canvas-main-canvas a:active,
.dialog-off-canvas-main-canvas a.active,
.dialog-off-canvas-main-canvas a.is-active {
  color: var(--kerataif-green);
}
#headerHolder {
  float: left;
  width: 100%;
}
#headerHolder .region-header {
  float: none;
  width: calc(100% - 40px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0 100px 0;
}
#featuredHolder {
  float: left;
  width: 100%;
}
#contentHolder {
  float: left;
  width: 100%;
  float: none;
  width: calc(100% - 40px);
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
}
#footerHolder {
  float: left;
  width: 100%;
  margin-top: auto;
}
#block-logo {
  max-width: 200px;
  padding: 15px 40px 0 40px;
}
#block-logo .block-image img,
#block-logo .block-image a {
  width: 100%;
  height: auto;
  display: block;
}
#block-menutoggler {
  height: 20px;
  width: 30px;
  cursor: pointer;
  margin-left: 20px;
  position: relative;
  z-index: 500;
}
#block-menutoggler .contextual {
  display: none;
}
#block-menutoggler .line {
  position: absolute;
  right: 0;
  height: 2px;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  overflow: hidden;
  text-indent: -555px;
  background: var(--kerataif-gray);
}
#block-menutoggler .line-1 {
  width: 25px;
  top: 0;
}
#block-menutoggler .line-2 {
  width: 20px;
  top: 9px;
}
#block-menutoggler .line-3 {
  width: 33px;
  bottom: 0;
}
#block-menutoggler:hover .line-1 {
  width: 30px;
}
#block-menutoggler:hover .line-2 {
  width: 45px;
}
#block-menutoggler:hover .line-3 {
  width: 40px;
}
#block-menutoggler.active .line-1 {
  width: 45px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 11px;
}
#block-menutoggler.active .line-2 {
  width: 0;
}
#block-menutoggler.active .line-3 {
  background: var(--kerataif-gray);
  width: 45px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 8px;
}
#block-views-block-term-menu-block-block-1 {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.9);
  top: 0;
  left: -290px;
  width: 250px;
  height: 100vh;
  -webkit-box-shadow: 0 0 60px -40px #000;
  -moz-box-shadow: 0 0 60px -40px #000;
  box-shadow: 0 0 60px -40px #000;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 100;
}
#block-views-block-term-menu-block-block-1.active {
  left: 0;
}
#block-views-block-term-menu-block-block-1 .view-header {
  padding: 100px 20px 100px 20px;
}
#block-views-block-term-menu-block-block-1 .view-content {
  padding: 0 20px 20px 20px;
  box-sizing: border-box;
}
#block-views-block-term-menu-block-block-1 .view-content .views-row a {
  font-size: 18px;
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 5px 0;
}
.view-urunler .views-row,
.view-taxonomy-term .views-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 20px 0;
  border-bottom: 2px solid #F6F6F6;
  position: relative;
}
@media screen and (max-width: 900px) {
  .view-urunler .views-row,
  .view-taxonomy-term .views-row {
    padding-right: 0;
  }
}
.view-urunler .views-row .views-field-field-gorseller,
.view-taxonomy-term .views-row .views-field-field-gorseller {
  max-width: 150px;
}
@media screen and (max-width: 900px) {
  .view-urunler .views-row .views-field-field-gorseller,
  .view-taxonomy-term .views-row .views-field-field-gorseller {
    max-width: 100px;
  }
}
.view-urunler .views-row .views-field-field-gorseller img,
.view-taxonomy-term .views-row .views-field-field-gorseller img {
  width: 100%;
  height: auto;
  display: block;
}
.view-urunler .views-row .views-field-title,
.view-taxonomy-term .views-row .views-field-title {
  margin-right: auto;
}
.view-urunler .views-row .views-field-title .p-sku,
.view-taxonomy-term .views-row .views-field-title .p-sku {
  color: var(--kerataif-green);
  font-size: 14px;
  display: none;
}
@media screen and (max-width: 900px) {
  .view-urunler .views-row .views-field-title .p-sku,
  .view-taxonomy-term .views-row .views-field-title .p-sku {
    display: block;
  }
}
.view-urunler .views-row .views-field-title .p-koleksiyon,
.view-taxonomy-term .views-row .views-field-title .p-koleksiyon {
  font-weight: 500;
  padding-bottom: 7px;
}
.view-urunler .views-row .views-field-title .p-baslik,
.view-taxonomy-term .views-row .views-field-title .p-baslik {
  font-size: 20px;
  font-weight: 500;
}
.view-urunler .views-row .views-field-field-stok-kodu,
.view-taxonomy-term .views-row .views-field-field-stok-kodu,
.view-urunler .views-row .views-field-field-olculer,
.view-taxonomy-term .views-row .views-field-field-olculer {
  padding: 0 20px;
}
@media screen and (max-width: 900px) {
  .view-urunler .views-row .views-field-field-stok-kodu,
  .view-taxonomy-term .views-row .views-field-field-stok-kodu,
  .view-urunler .views-row .views-field-field-olculer,
  .view-taxonomy-term .views-row .views-field-field-olculer {
    display: none;
  }
}
.view-urunler .views-row .views-field-field-stok-kodu .views-label,
.view-taxonomy-term .views-row .views-field-field-stok-kodu .views-label,
.view-urunler .views-row .views-field-field-olculer .views-label,
.view-taxonomy-term .views-row .views-field-field-olculer .views-label {
  font-weight: 500;
  padding-bottom: 10px;
  display: block;
}
.view-urunler .views-row .views-field-field-stok-kodu .field-content,
.view-taxonomy-term .views-row .views-field-field-stok-kodu .field-content,
.view-urunler .views-row .views-field-field-olculer .field-content,
.view-taxonomy-term .views-row .views-field-field-olculer .field-content {
  color: var(--kerataif-green);
}
.view-urunler .views-row .views-field-view-node a,
.view-taxonomy-term .views-row .views-field-view-node a {
  font-weight: 500;
  padding: 5px 30px 5px 30px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%2381868F' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='m8.91 19.92 6.52-6.52c.77-.77.77-2.03 0-2.8L8.91 4.08'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right center;
}
@media screen and (max-width: 900px) {
  .view-urunler .views-row .views-field-view-node a,
  .view-taxonomy-term .views-row .views-field-view-node a {
    overflow: hidden;
    text-indent: -5555px;
    display: block;
  }
}
.view-urunler .views-row .views-field-view-node-1 a,
.view-taxonomy-term .views-row .views-field-view-node-1 a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -555px;
  overflow: hidden;
}
#block-gosterilenformurunlerpage-1 {
  margin-bottom: 30px;
  margin-top: 50px;
}
#block-gosterilenformurunlerpage-1 form {
  float: none;
  width: calc(100% - 40px);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
#block-gosterilenformurunlerpage-1 form .form-text {
  border: 2px solid var(--kerataif-gray);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 80px;
  padding: 0 40px;
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 900px) {
  #block-gosterilenformurunlerpage-1 form .form-text {
    font-size: 18px;
    padding: 0 20px;
    height: 60px;
  }
}
.node-type-urun #block-kerataif-page-title {
  display: none;
}
.node-type-urun .field--name-field-gorseller {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
@media screen and (max-width: 500px) {
  .node-type-urun .field--name-field-gorseller {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }
}
.node-type-urun .field--name-field-gorseller .field__item {
  border: 2px solid #E8E9EB;
  overflow: hidden;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.node-type-urun .field--name-field-gorseller .field__item img {
  width: 100%;
  height: auto;
  display: block;
}
.node-type-urun .field--name-field-kurulum-videosu {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  overflow: hidden;
}
.node-type-urun .field--name-field-dokuman .field__item {
  border-bottom: 1px solid #E8E9EB;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.node-type-urun .field--name-field-dokuman .field__item a {
  padding: 15px 0 15px 40px;
  display: block;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='%2381868F' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'%3e%3cpath d='M21 7v10c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V7c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5Z'/%3e%3cpath d='M14.5 4.5v2c0 1.1.9 2 2 2h2M8 13h4m-4 4h8'/%3e%3c/g%3e%3c/svg%3e");
  background-position: left center;
  background-repeat: no-repeat;
}
.node-type-urun .field--name-field-dokuman .field__item > span:last-child {
  font-size: 12px;
  white-space: nowrap;
  padding-left: 20px;
}
.node-type-urun .p-top {
  text-align: center;
  line-height: normal;
  font-weight: 500;
}
.node-type-urun .p-top .field--name-field-koleksiyon {
  font-size: 30px;
  opacity: 0.6;
}
@media screen and (max-width: 900px) {
  .node-type-urun .p-top .field--name-field-koleksiyon {
    font-size: 24px;
  }
}
.node-type-urun .p-top .p-title {
  font-size: 40px;
}
@media screen and (max-width: 900px) {
  .node-type-urun .p-top .p-title {
    font-size: 32px;
  }
}
.node-type-urun .p-top .p-text {
  font-size: 24px;
}
@media screen and (max-width: 900px) {
  .node-type-urun .p-top .p-text {
    font-size: 16px;
  }
}
.node-type-urun .p-top .p-info {
  display: flex;
  justify-content: center;
  text-align: left;
  padding-bottom: 50px;
}
.node-type-urun .p-top .p-info .p-sku,
.node-type-urun .p-top .p-info .p-olculer {
  padding: 30px;
}
.node-type-urun .p-top .p-info .field__label {
  padding-bottom: 5px;
}
.node-type-urun .p-top .p-info .field__item {
  color: var(--kerataif-green);
}
.node-type-urun .p-tabs .p-tab .p-tab-title {
  font-size: 24px;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 500px) {
  .node-type-urun .p-tabs .p-tab .p-tab-title {
    font-size: 18px;
  }
}
.node-type-urun .p-tabs .p-tab .p-tab-title::before {
  content: "";
  position: absolute;
  width: 2000px;
  height: 2px;
  background-color: #E8E9EB;
  left: -2000px;
  top: 15px;
}
.node-type-urun .p-tabs .p-tab .p-tab-title .tab-title-text {
  display: inline-block;
  position: relative;
  padding-right: 45px;
  padding-left: 20px;
}
.node-type-urun .p-tabs .p-tab .p-tab-title .tab-title-text::before {
  content: "";
  position: absolute;
  width: 2000px;
  height: 2px;
  background-color: #E8E9EB;
  left: 105%;
  top: 15px;
}
.node-type-urun .p-tabs .p-tab .p-tab-title .tab-title-text::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%2381868F' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M19.92 15.09 13.4 8.57c-.77-.77-2.03-.77-2.8 0l-6.52 6.52'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}
.node-type-urun .p-tabs .p-tab .p-tab-content {
  margin-top: 40px;
  margin-bottom: 100px;
  overflow: hidden;
}
.view-taxonomy-term .view-filters .form-item-field-koleksiyon-target-id {
  text-align: center;
}
.view-taxonomy-term .view-filters .form-item-field-koleksiyon-target-id .form-select {
  max-width: 300px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}