@media (min-width:0px) {
  #product .vhm2-card {box-sizing:border-box;min-width:0;width:100%;margin:14px 0 0;padding:0;order:8;color:#253542;font:inherit;text-align:left}
  #product .vhm2-heading {display:flex;align-items:center;gap:6px;padding:0;margin:0 0 8px;border:0;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;text-transform:none}
  #product .vhm2-heading-text {display:inline-block}
  #product .vhm2-policy-toggle {display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;padding:0;border:0;background:transparent;color:#7b8790;box-shadow:none;cursor:pointer;appearance:none;-webkit-appearance:none}
  #product .vhm2-policy-toggle[aria-expanded="true"] {color:#1f6fab}
  #product .vhm2-policy-icon {display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:16px;height:16px;border:1.5px solid currentColor;border-radius:50%;font-family:Arial,sans-serif;font-size:10px;font-weight:800;font-style:normal;line-height:1}
  #product .vhm2-cells {display:flex;gap:7px;align-items:stretch}
  #product .vhm2-choice {flex:1 1 0;min-width:0;display:block;position:relative;min-height:46px;box-sizing:border-box;padding:7px 3px;border:1px solid #ced9e1;border-radius:7px;background:#fff;color:#263846;box-shadow:none;font:inherit;font-size:13px;font-weight:500;line-height:1.25;cursor:pointer}
  #product .vhm2-choice[aria-pressed="true"] {border-color:#20578b;background:#eaf3fb;color:#164c7a;font-weight:700}
  #product .vhm2-choice:disabled {border-color:#e0e4e8;background:#f2f4f6;color:#6b747b;cursor:not-allowed}
  #product .vhm2-card :focus-visible {outline:2px solid #1466a2;outline-offset:2px}
  #product .vhm2-status {padding:0;margin:7px 0 0;color:#475b6a;font-size:12px;line-height:1.4}
  #product .vhm2-status:empty {display:none}
  #product .vhm2-photo {display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;margin-top:8px;padding:9px 12px;border:1px solid #c7ddd1;border-radius:8px;background:#f5faf7}
  #product .vhm2-photo[hidden],#product .vhm2-photo img[hidden] {display:none!important}
  #product .vhm2-photo strong {font-size:13px}
  #product .vhm2-photo :is(img,small) {grid-column:1/-1}
  #product .vhm2-photo img {display:block;justify-self:center;width:auto;max-width:100%;max-height:190px;border-radius:50%;clip-path:circle(49.5% at 50% 50%);object-fit:contain;background:transparent!important}
  #product .vhm2-close {padding:5px 8px;font:inherit;font-size:12px;border:1px solid #acbfb4;background:#fff;border-radius:6px}
  /* VH_M2_TOGETHER_COMPAT_1271: do not falsely dim Together Buy for Deri/Pamuk. */
}

@media (min-width:0px) {
  #product .vhm2-photo > img {grid-column:1/-1}
  #product .vhm2-photo-footer {grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;margin-top:2px}
  #product .vhm2-photo-footer small {min-width:0;margin-right:auto;color:#667783;font-size:11px;line-height:1.35}
  #product .vhm2-info-link {margin-left:auto;color:#1b5fbe!important;font-size:11.5px;font-weight:700;line-height:1.35;text-align:right;text-decoration:underline;white-space:nowrap}
  #product .vhm2-info-link.is-disabled {color:#7b8790!important;text-decoration:none;cursor:default;pointer-events:none}
}

/* 1.0.10: Butonda yalnızca m² motorunun tek görünür fiyatı kalır. */
@media (min-width:0px) {
  .vhm2-native-main-hidden,
  [id="button-cart"] .vhm2-native-cart-hidden,
  [id="button-cart"].vhm2-owned-price-active .vh-cart-price,
  [id="button-cart"].vhm2-owned-price-active [data-vhm2-selected-price],
  [id="button-cart"].vhm2-owned-price-active .vh-button-price,
  [id="button-cart"].vhm2-owned-price-active .btn-price {display:none!important}
  html[data-vhm2-display-owner="1.0.10"] [id="button-cart"].vhm2-owned-price-active .vh-cart-price:not(.vhm2-cart-price-display),
  html[data-vhm2-display-owner="1.0.10"] [id="button-cart"].vhm2-owned-price-active [data-vhm2-selected-price]:not(.vhm2-cart-price-display),
  html[data-vhm2-display-owner="1.0.10"] [id="button-cart"].vhm2-owned-price-active .vh-button-price:not(.vhm2-cart-price-display),
  html[data-vhm2-display-owner="1.0.10"] [id="button-cart"].vhm2-owned-price-active .btn-price:not(.vhm2-cart-price-display),
  [id="button-cart"] [data-vhm2-hidden-price="1"] {display:none!important;visibility:hidden!important;width:0!important;max-width:0!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important}
  .vhm2-main-price-display {box-sizing:border-box;min-width:0;white-space:nowrap}
  [id="button-cart"] .vhm2-cart-price-display {
    display:inline-flex!important;align-items:center;justify-content:center;
    white-space:nowrap;font:inherit;font-weight:700;line-height:1;
  }
  [id="button-cart"] .vhm2-cart-price-display::before {
    content:"|";display:inline-block;margin:0 8px;font-weight:400;opacity:.78
  }
}

/* 1.0.14: Saçaksız seçeneğinin altında üretim bilgisini göster. */
@media (min-width:0px) {
  #product .vhmp-options .vhm-fringe label.vh-dm-choice.vhm-fringe-no::after {
    content:"Overlok";
    display:block;
    flex:0 0 100%;
    width:100%;
    margin-top:1px;
    color:#6f7d87;
    font-size:10px;
    font-weight:500;
    line-height:1.15;
    text-align:center;
    letter-spacing:0;
  }
  #product .vhmp-options .vhm-fringe label.vh-dm-choice.vhm-fringe-no.vhm-fringe-picked::after {
    color:currentColor;
    opacity:.72;
    font-weight:500;
  }
}

/* 1.0.15: Saçaklı seçiminde görsel ve zorunlu renk seçimi. */
@media (min-width:0px) {
  #product .vhm2-fringe-panel {
    box-sizing:border-box;
    width:100%;
    margin:8px 0 0;
    padding:10px;
    border:1px solid #d5dee5;
    border-radius:9px;
    background:#f8fafc;
    color:#253542;
  }
  #product .vhm2-fringe-panel[hidden] {display:none!important}
  #product .vhm2-fringe-heading {
    margin:0 0 8px;
    padding:0;
    color:#253542;
    font-family:inherit;
    font-size:13px;
    font-weight:700;
    line-height:1.35;
    text-transform:none;
  }
  #product .vhm2-fringe-image {
    overflow:hidden;
    border:1px solid #e1e7ec;
    border-radius:8px;
    background:#ececec;
  }
  #product .vhm2-fringe-image img {
    display:block;
    width:100%;
    height:auto;
    max-height:200px;
    object-fit:contain;
  }
  #product .vhm2-fringe-colors {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-top:9px;
  }
  #product .vhm2-fringe-color {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:0;
    min-height:42px;
    padding:6px 5px;
    border:1px solid #ced9e1;
    border-radius:7px;
    background:#fff;
    color:#263846;
    font:inherit;
    font-size:12px;
    font-weight:600;
    line-height:1.2;
    cursor:pointer;
  }
  #product .vhm2-fringe-color.is-selected,
  #product .vhm2-fringe-color[aria-pressed="true"] {
    border-color:#20578b;
    background:#eaf3fb;
    color:#164c7a;
    box-shadow:0 0 0 1px rgba(32,87,139,.08);
  }
  #product .vhm2-fringe-swatch {
    box-sizing:border-box;
    width:18px;
    height:18px;
    flex:0 0 18px;
    border:1px solid rgba(15,23,42,.24);
    border-radius:50%;
  }
  #product .vhm2-fringe-swatch--beyaz {background:#fff}
  #product .vhm2-fringe-swatch--gri {background:#9ca3af}
  #product .vhm2-fringe-swatch--siyah {background:#111827}
  #product .vhm2-fringe-selected {
    margin:7px 0 0;
    color:#8a3a13;
    font-size:11px;
    font-weight:600;
    line-height:1.35;
    text-align:center;
  }
  #product .vhm2-fringe-panel.has-selection .vhm2-fringe-selected {color:#166534}

  html.vhm2-modal-open,
  html.vhm2-modal-open body {overflow:hidden!important}
  .vhm2-fringe-modal {
    position:fixed;
    inset:0;
    z-index:2147483200;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(15,23,42,.56);
  }
  .vhm2-fringe-modal[hidden] {display:none!important}
  .vhm2-fringe-modal__dialog {
    box-sizing:border-box;
    width:min(100%,390px);
    padding:20px 18px 17px;
    border-radius:12px;
    background:#fff;
    box-shadow:0 18px 56px rgba(15,23,42,.28);
    text-align:center;
  }
  .vhm2-fringe-modal__icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    margin:0 auto 11px;
    border:2px solid #f59e0b;
    border-radius:50%;
    color:#d97706;
    font-size:34px;
    font-weight:500;
    line-height:1;
  }
  .vhm2-fringe-modal__title {
    margin:0 0 8px;
    color:#1f2937;
    font:inherit;
    font-size:18px;
    font-weight:800;
    line-height:1.25;
    text-transform:none;
  }
  .vhm2-fringe-modal__message {
    margin:0;
    color:#5b6670;
    font-size:13px;
    line-height:1.55;
  }
  .vhm2-fringe-modal__ok {
    min-width:112px;
    margin-top:15px;
    padding:10px 18px;
    border:0;
    border-radius:8px;
    background:#245d98;
    color:#fff;
    font:inherit;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
  }
}

/* 1.0.16: Mobilde saçak ve renk alanlarını tam genişlikte sırala; görseli modalda büyüt. */
@media (min-width:0px) {
  #product .vhm2-fringe-layout {
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
  }
  #product .vhm2-fringe-layout > .vh-dm-rule.vhm-fringe,
  #product .vhm2-fringe-layout > .vhm2-fringe-panel {
    box-sizing:border-box!important;
    display:block!important;
    flex:0 0 auto!important;
    grid-column:1/-1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    float:none!important;
  }
  #product .vhm2-fringe-layout > .vh-dm-rule.vhm-fringe {
    margin:var(--vhm-section-gap,14px) 0 0!important;
  }
  #product .vhm2-fringe-layout > .vhm2-fringe-panel {
    margin:10px 0 0!important;
  }
  #product .vhm2-fringe-layout > .vhm2-fringe-panel[hidden] {
    display:none!important;
  }
  #product .vhm2-fringe-panel {
    padding:10px 11px;
  }
  #product .vhm2-fringe-image {
    position:relative;
    display:block;
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
    overflow:hidden;
    border:1px solid #e1e7ec;
    border-radius:8px;
    background:#ececec;
    color:inherit;
    font:inherit;
    text-align:inherit;
    appearance:none;
    -webkit-appearance:none;
    cursor:zoom-in;
    outline:none;
    touch-action:manipulation;
  }
  #product .vhm2-fringe-image:focus-visible {
    outline:2px solid #20578b;
    outline-offset:2px;
  }
  #product .vhm2-fringe-image img {
    width:100%;
    max-height:155px;
    object-fit:contain;
  }
  #product .vhm2-fringe-zoom {
    position:absolute;
    right:7px;
    bottom:7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    padding:4px 8px;
    border-radius:6px;
    background:rgba(31,41,55,.82);
    color:#fff;
    font-size:10.5px;
    font-weight:700;
    line-height:1;
    pointer-events:auto;
  }
  #product .vhm2-fringe-colors {
    width:100%;
    min-width:0;
    gap:6px;
  }
  #product .vhm2-fringe-color {
    gap:5px;
    min-height:42px;
    padding:6px 4px;
    font-size:11.5px;
  }
  #product .vhm2-fringe-swatch {
    width:17px;
    height:17px;
    flex-basis:17px;
  }

  .vhm2-fringe-image-modal {
    position:fixed!important;
    inset:0;
    z-index:2147483250;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:14px;
    background:rgba(15,23,42,.78);
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .vhm2-fringe-image-modal[hidden] {display:none!important}
  .vhm2-fringe-image-modal__dialog {
    position:relative;
    box-sizing:border-box;
    width:min(100%,760px);
    max-height:92vh;
    overflow:auto;
    padding:44px 10px 10px;
    border-radius:12px;
    background:#fff;
    box-shadow:0 22px 70px rgba(0,0,0,.42);
  }
  .vhm2-fringe-image-modal__title {
    position:absolute;
    top:13px;
    left:15px;
    right:54px;
    margin:0;
    overflow:hidden;
    color:#253542;
    font:inherit;
    font-size:14px;
    font-weight:800;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .vhm2-fringe-image-modal__close {
    position:absolute;
    top:8px;
    right:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    padding:0;
    border:1px solid #cbd5e1;
    border-radius:8px;
    background:#fff;
    color:#253542;
    font:inherit;
    font-size:26px;
    font-weight:500;
    line-height:1;
  }
  .vhm2-fringe-image-modal__image {
    display:block;
    width:100%;
    height:auto;
    max-height:calc(92vh - 68px);
    object-fit:contain;
    border-radius:8px;
    background:#f3f4f6;
  }
}
@media (max-width:360px) {
  #product .vhm2-fringe-color {
    gap:3px;
    padding-inline:3px;
    font-size:10.5px;
  }
  #product .vhm2-fringe-swatch {
    width:15px;
    height:15px;
    flex-basis:15px;
  }
}



/* 1.0.20: Fiyatsız ürün şekli seçimi. */
@media (min-width:0px) {
  #product .vhm2-shape-card {
    box-sizing:border-box;
    width:100%;
    min-width:0;
    margin:14px 0 0;
    padding:0;
    color:#253542;
  }
  #product .vhm2-shape-heading {
    margin:0 0 8px;
    padding:0;
    border:0;
    color:#253542;
    font-family:inherit;
    font-size:13px;
    font-weight:600;
    line-height:1.4;
    text-transform:none;
  }
  #product .vhm2-shape-choices {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    width:100%;
    min-width:0;
  }
  #product .vhm2-shape-choice {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    box-sizing:border-box;
    min-width:0;
    min-height:72px;
    padding:8px 4px 7px;
    border:1px solid #ced9e1;
    border-radius:8px;
    background:#fff;
    color:#263846;
    box-shadow:none;
    font:inherit;
    font-size:11.5px;
    font-weight:600;
    line-height:1.2;
    text-align:center;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
  }
  #product .vhm2-shape-choice.is-selected,
  #product .vhm2-shape-choice[aria-pressed="true"] {
    border-color:#20578b;
    background:#eaf3fb;
    color:#164c7a;
    box-shadow:0 0 0 1px rgba(32,87,139,.08);
    font-weight:700;
  }
  #product .vhm2-shape-icon {
    display:block;
    width:31px;
    height:31px;
    max-width:31px;
    max-height:31px;
    object-fit:contain;
    opacity:.82;
  }
  #product .vhm2-shape-choice[aria-pressed="true"] .vhm2-shape-icon {opacity:1}
  #product .vhm2-shape-label {display:block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
}
@media (max-width:360px) {
  #product .vhm2-shape-choice {min-height:68px;padding-inline:2px;font-size:10.5px}
  #product .vhm2-shape-icon {width:28px;height:28px;max-width:28px;max-height:28px}
}

/* 1.0.22: Dinamik genişlik politikası ve daha okunaklı özel ölçü alanları. */
@media (min-width:0px) {
  #product .vhm2-policy-note {
    box-sizing:border-box;
    margin:8px 0 0;
    padding:8px 10px;
    border-left:3px solid #2b6aa3;
    border-radius:6px;
    background:#f4f8fc;
    color:#475b6a;
    font-size:12px;
    font-weight:500;
    line-height:1.45;
    white-space:pre-line;
  }
  #product .vhm2-policy-note[hidden] {display:none!important}
  #product .vhm2-policy-note:empty {display:none}
  #product #input-width,
  #product #input-height {
    font-size:16px!important;
    line-height:1.35!important;
  }
  #product #input-width::placeholder,
  #product #input-height::placeholder {
    color:#4b5563!important;
    font-size:16px!important;
    opacity:1!important;
  }
}

/* 1.0.24: Bilgi paneli özel ölçü/ikon kontrollü; HPCR Dot genişliği bağlanır. */


/* VH 1.0.25 — desktop parity with mobile option engine */
@media (min-width:768px) {
  #product .vhm2-card {margin-top:12px}
  #product .vhm2-heading,
  #product .vhm2-shape-heading {font-size:13px}
  #product .vhm2-choice {min-height:42px;padding:7px 5px;font-size:13px}
  #product .vhm2-photo {max-width:100%;padding:10px 12px}
  #product .vhm2-photo img {max-height:210px}
  #product .vhm2-fringe-panel {padding:10px 12px}
  #product .vhm2-fringe-image img {max-height:190px;object-fit:contain}
  #product .vhm2-shape-choice {min-height:72px;padding:8px 4px;font-size:12px}
  #product .vhm2-shape-icon {width:34px;height:34px;max-width:34px;max-height:34px}
  .vhm2-fringe-image-modal__dialog {width:min(620px,calc(100vw - 48px));max-height:calc(100vh - 48px)}
}

/* VH 1.0.27 server-default persistence; visual layout unchanged. */

/* VH_SACAK_TRANSPARAN_1272_BEGIN */
/* Yalnız şeffaf yuvarlak saçak görselini etkiler. Diğer seçenekler ve fiyatlar değişmez. */
#product .vhm2-fringe-image {
  display:block!important;
  position:relative!important;
  width:min(100%,210px)!important;
  max-width:210px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
}
#product .vhm2-fringe-image img {
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:1/1;
  object-fit:contain!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
}
#product .vhm2-fringe-zoom {
  right:4px!important;
  bottom:5px!important;
}
.vhm2-fringe-image-modal__image {
  display:block!important;
  width:100%!important;
  max-width:min(100%,620px)!important;
  margin-inline:auto!important;
  height:auto!important;
  border-radius:50%!important;
  background:transparent!important;
}
@media (max-width:767px) {
  #product .vhm2-fringe-image { max-width:180px!important; }
}
/* VH_SACAK_TRANSPARAN_1272_END */

/* VH_SHAPE_RULES_1274: Keep unavailable shapes visible, but not selectable. */
@media (min-width:0px) {
  #product .vhm2-shape-choice[data-vhm2-shape="yuvarlak"]:disabled,
  #product .vhm2-shape-choice[data-vhm2-shape="yuvarlak"][aria-disabled="true"],
  #product .vhm2-shape-choice[data-vhm2-shape="oval"]:disabled,
  #product .vhm2-shape-choice[data-vhm2-shape="oval"][aria-disabled="true"] {
    background:#f3f4f6;
    border-color:#d9dde1;
    color:#838b93;
    opacity:.52;
    cursor:not-allowed;
    pointer-events:none;
    box-shadow:none;
  }
  #product .vhm2-shape-choice[data-vhm2-shape="yuvarlak"]:disabled .vhm2-shape-icon,
  #product .vhm2-shape-choice[data-vhm2-shape="oval"]:disabled .vhm2-shape-icon { opacity:.5; }
}
