/* VivaHome Fabric storefront - Faz 4 UI parity / 1.3.7
   Halı grubu responsive_120 + m2_127 görünüm dili referans alınmıştır. */
@media (min-width:0px) {
  #product .vhf-shell{--vhf-blue:#21578d;--vhf-ink:#202d3a;--vhf-muted:#536578;--vhf-line:#d6e0e8;--vhf-light:#f5f8fa;--vhf-label-gap:8px;--vhf-section-gap:14px;--vhf-field-gap:9px;box-sizing:border-box;width:100%;min-width:0;color:var(--vhf-ink);font:inherit}
  #product .vhf-measure{box-sizing:border-box;width:100%;min-width:0;margin:0 0 var(--vhf-section-gap);padding:0}
  #product .vhf-label,#product .vhf-size-label,#product .vhf-dimension-label,#product .vhf-shape-heading{display:block;margin:0 0 var(--vhf-label-gap);padding:0;border:0;color:var(--vhf-ink);font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;text-transform:none}
  #product .vhf-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:100%;min-width:0;margin:0;padding:3px;background:var(--vhf-light);border:1px solid var(--vhf-line);border-radius:8px}
  #product .vhf-modes.is-single{grid-template-columns:1fr}
  #product .vhf-shell.vhf-mode-custom .vhf-modes{margin-bottom:var(--vhf-section-gap)}
  #product .vhf-shell.vhf-mode-ready .vhf-modes{margin-bottom:0}
  #product .vhf-modes button{box-sizing:border-box;min-width:0;min-height:44px;padding:6px;border:0;border-radius:6px;background:transparent;color:var(--vhf-ink);box-shadow:none;font:inherit;font-size:14px;font-weight:400;line-height:1.25;text-align:center;text-transform:none;cursor:pointer;appearance:none;-webkit-appearance:none}
  #product .vhf-modes button[aria-pressed="true"]{background:var(--vhf-blue);color:#fff;font-weight:650}
  #product .vhf-modes button:focus-visible,#product .vhf-shape-choice:focus-visible{outline:2px solid var(--vhf-blue);outline-offset:2px}
  #product .vhf-ready-field,#product .vhf-ready-anchor{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important}
  /* 1.3.7: Native Ebat option can sit inside Journal/OCMOD layout wrappers.
     Flatten the path between the Ebat form-group and .product-options. Horizontal
     flattening keeps width parity; vertical flattening removes Journal wrapper
     spacing so Fabric inherits the same 14px section / 8px label rhythm as rugs. */
  #product .vhf-ready-path{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-top:0!important;margin-right:0!important;margin-bottom:0!important;margin-left:0!important;padding-top:0!important;padding-right:0!important;padding-bottom:0!important;padding-left:0!important}
  #product .vhf-ready-path.vh-dm-measure-row,#product .vhf-ready-path.vh-dm-measure-col,#product .vhf-ready-path.form-group{flex:0 0 100%!important;max-width:100%!important}
  #product .vhf-ready-field>label{display:block!important;width:100%!important;margin:0 0 var(--vhf-label-gap)!important;color:var(--vhf-ink)!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important}
  #product .vhf-ready-field select{box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:8px 10px!important;border:1px solid var(--vhf-line)!important;border-radius:7px!important;background-color:#fff!important;color:var(--vhf-ink)!important;font-size:16px!important;line-height:1.35!important}
  #product .vhf-custom-fields{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
  #product .vhf-custom-row{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;overflow:visible!important}
  #product .vhf-dimension{box-sizing:border-box!important;display:block!important;flex:0 0 calc((100% - var(--vhf-field-gap))/2)!important;width:calc((100% - var(--vhf-field-gap))/2)!important;max-width:calc((100% - var(--vhf-field-gap))/2)!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important}
  #product .vhf-dimension-spacer{display:block!important;flex:0 0 var(--vhf-field-gap)!important;width:var(--vhf-field-gap)!important;min-width:var(--vhf-field-gap)!important;max-width:var(--vhf-field-gap)!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none!important}
  #product .vhf-dimension input{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:8px 10px!important;border:1px solid var(--vhf-line)!important;border-radius:7px!important;background:#fff!important;color:var(--vhf-ink)!important;font-family:inherit!important;font-size:15px!important;line-height:1.35!important;box-shadow:none!important}
  #product .vhf-dimension input::placeholder{color:#5f6d79!important;font-size:11.5px!important;font-weight:400!important;letter-spacing:0!important;opacity:1!important}
  #product .vhf-dimension input::-webkit-input-placeholder{color:#5f6d79!important;font-size:11.5px!important;font-weight:400!important;opacity:1!important}
  #product .vhf-hint{display:block;color:var(--vhf-muted);font-size:12px;line-height:1.4;margin:5px 0 0}
  #product .vhf-error{display:block;color:#a42127;font-size:13px;line-height:1.4;margin:5px 0 0}
  #product .vhf-error:empty{display:none}
  #product .vhf-mode-ready .vhf-custom-fields{display:none!important}
  #product .vhf-mode-custom .vhf-ready-field{display:none!important}

  #product .vhf-shape-card{box-sizing:border-box;width:100%;min-width:0;margin:var(--vhf-section-gap) 0 0;padding:0;color:#253542}
  #product .vhf-shape-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;min-width:0}
  #product .vhf-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 .vhf-shape-choice.is-selected,#product .vhf-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 .vhf-shape-icon{display:block;width:31px;height:31px;max-width:31px;max-height:31px;object-fit:contain;opacity:.82}
  #product .vhf-shape-choice[aria-pressed="true"] .vhf-shape-icon{opacity:1}
  #product .vhf-shape-label{display:block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
  #product .vhf-shape-choice:disabled,#product .vhf-shape-choice[aria-disabled="true"]{border-color:#d9dde1!important;background:#f3f4f6!important;color:#838b93!important;cursor:not-allowed!important;pointer-events:none!important;box-shadow:none!important;opacity:.52}
  #product .vhf-shape-choice:disabled .vhf-shape-icon{opacity:.5}

  .vhf-native-main-hidden{display:none!important}
  .vhf-main-price-display{box-sizing:border-box;min-width:0;white-space:nowrap}
  [id="button-cart"] .vhf-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"] .vhf-cart-price-display::before{content:"|";display:inline-block;margin:0 8px;font-weight:400;opacity:.78}
  [id="button-cart"].vhf-price-active .vh-button-price:not(.vhf-cart-price-display),[id="button-cart"].vhf-price-active .btn-price:not(.vhf-cart-price-display),[id="button-cart"].vhf-price-active [data-vhm2-selected-price]:not(.vhf-cart-price-display){display:none!important}
}
@media (max-width:360px){#product .vhf-shape-choice{min-height:68px;padding-inline:2px;font-size:10.5px}#product .vhf-shape-icon{width:28px;height:28px;max-width:28px;max-height:28px}}
@media (min-width:768px){#product .vhf-label,#product .vhf-size-label,#product .vhf-dimension-label,#product .vhf-shape-heading{font-size:13px!important}#product .vhf-modes button{min-height:42px;font-size:13.5px}#product .vhf-ready-field select,#product .vhf-dimension input{min-height:42px!important;font-size:15px!important;padding:7px 9px!important}#product .vhf-dimension input::placeholder,#product .vhf-dimension input::-webkit-input-placeholder{font-size:12px!important}#product .vhf-shape-heading{font-size:13px}#product .vhf-shape-choice{min-height:72px;padding:8px 4px;font-size:12px}#product .vhf-shape-icon{width:34px;height:34px;max-width:34px;max-height:34px}}

/* VH_FABRIC_UI_149: show the one certified quote in the existing button price node. */
#button-cart.vhf-price-active .vh-cart-price, [id="button-cart"].vhf-price-active .vh-cart-price {display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;white-space:nowrap!important}
@media (min-width:768px){
  #product .vhf-shell .vhf-shape-choices {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-items:stretch!important;align-items:stretch!important;}
  #product .vhf-shell .vhf-shape-choices>button.vhf-shape-choice {display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;width:100%!important;min-width:0!important;float:none!important;}
  #product .vhf-shell .vhf-shape-choices>button.vhf-shape-choice>.vhf-shape-icon {position:static!important;display:block!important;float:none!important;width:34px!important;height:34px!important;margin:0 auto!important;transform:none!important;}
  #product .vhf-shell .vhf-shape-choices>button.vhf-shape-choice>.vhf-shape-label {display:block!important;width:100%!important;text-align:center!important;margin:0 auto!important;}
}

/* VH FABRIC 1.5.0: three square/round/rectangle controls, centered on desktop & mobile */
#product .vhf-shell .vhf-shape-choices {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  justify-items:stretch!important;align-items:stretch!important;gap:8px!important;
}
#product .vhf-shell .vhf-shape-choices>.vhf-shape-choice {
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  align-items:center!important;text-align:center!important;min-width:0!important;
}
#product .vhf-shell .vhf-shape-choices>.vhf-shape-choice .vhf-shape-icon {
  display:block!important;float:none!important;margin:0 auto!important;
  width:32px!important;height:32px!important;max-width:100%!important;
}
#product .vhf-shell .vhf-shape-choices>.vhf-shape-choice .vhf-shape-label {
  display:block!important;text-align:center!important;width:100%!important;
}

/* VH_FABRIC_SHAPE_AUTOWIDTH_157
   Exactly one shape fills 100%, two shapes split 50/50 and three split 1/3.
   Disabled choices still occupy their equal share; production rules unchanged. */
#product .vhf-shell .vhf-shape-choices {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
#product .vhf-shell .vhf-shape-choices > button.vhf-shape-choice {
  flex: 1 1 0% !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
#product .vhf-shell .vhf-shape-choices > button.vhf-shape-choice > .vhf-shape-icon {
  display: block !important;
  position: static !important;
  align-self: center !important;
  margin: 0 auto !important;
  transform: none !important;
}
#product .vhf-shell .vhf-shape-choices > button.vhf-shape-choice > .vhf-shape-label {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}

/* VH_FABRIC_EXCLUSIVE_MEASURES_1515: hide ONLY the native ready Ebat block in custom mode.
   JS also toggles native required/disabled on the real option; shape and variant cards remain. */
#product .vhf-ready-field[data-vhf-ready-hidden="1"],
#product [data-vhf-ready-hidden="1"] {
  display:none!important;
}