/* Dimension-step presentation only. All pricing, state and checkout handlers stay native. */
/* A 50/50 split makes the former two-thirds options column 25% narrower. */
.md-refonte #fotolia-detail-vue > .mdr-details-layout.mdr-step-dimensions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:32px; padding:32px 2%; }
.md-refonte #fotolia-detail-vue .mdr-step-dimensions > .main-img-wrapper,
.md-refonte #fotolia-detail-vue .mdr-step-dimensions > .options-wrapper { width:100%; min-width:0; margin:0; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card { padding:21px; border:1px solid #dbe2e6; border-radius:18px; background:#fff; color:#12222b; font:400 16px/1.5 Arial,Helvetica,sans-serif; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card * { box-sizing:border-box; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-heading p { margin:0 0 6px; color:#56656d; font-size:12px; letter-spacing:1.8px; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-heading h2 { margin:0 0 19px; padding:0; color:#12222b; font:600 clamp(25px,2.3vw,32px)/1.18 Arial,Helvetica,sans-serif; letter-spacing:-.6px; text-align:left; text-transform:none; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card .option-ctn { width:100%; min-width:0; margin:0; padding:0; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card .section-title { width:auto; margin:0 0 10px; padding:0; color:#12222b; font:600 17px/1.4 Arial,Helvetica,sans-serif; text-align:left; text-transform:none; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card .switcher-wrapper { margin-bottom:19px; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card .type-toggler { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:8px; width:100%; margin:0; padding:0; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card .type-toggler > div { position:relative; display:block; width:auto; min-width:0; margin:0; padding:0; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card .type-toggler .oval-btn { display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; height:auto; margin:0; padding:9px 10px; border:1px solid #dbe2e6; border-radius:14px; background:#fff; color:#12222b; box-shadow:none; font:500 16px/1.4 Arial,Helvetica,sans-serif; text-align:center; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card .type-toggler .oval-btn::before,
.md-refonte #fotolia-detail-vue .mdr-dimensions-card .type-toggler .oval-btn::after { content:none; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card .type-toggler .oval-btn .text { position:static; transform:none; display:block; color:inherit; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card .type-toggler .oval-btn .fa-check { margin-right:6px; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card .type-toggler .oval-btn.active { border:2px solid #eb182b; padding:8px 9px; background:#fff2f3; color:#b40f20; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card .type-toggler .extra-text { display:none; position:static; width:100%; height:auto; margin:8px 0 0; color:#56656d; font:400 13px/1.4 Arial,Helvetica,sans-serif; white-space:normal; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card .type-toggler .extra-text.active { display:block; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card .type-toggler .btn-extra-text { display:none; }
.md-refonte #fotolia-detail-vue .mdr-configuration-grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); align-items:start; gap:20px; }
.md-refonte #fotolia-detail-vue .mdr-measurements,
.md-refonte #fotolia-detail-vue .mdr-summary-column { min-width:0; }
.md-refonte #fotolia-detail-vue .mdr-measurements .sizes-ctn { display:block; width:100%; }
.md-refonte #fotolia-detail-vue .mdr-measurements .ctn-with-warning { display:flex; flex-direction:column; gap:10px; width:100%; margin:0 0 14px; }
.md-refonte #fotolia-detail-vue .mdr-measurements .sizes-input-ctn,
.md-refonte #fotolia-detail-vue .mdr-measurements .info-ctn { width:100%; min-width:0; padding:0; margin:0; }
.md-refonte #fotolia-detail-vue .mdr-measurements .width-height-ctn { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.md-refonte #fotolia-detail-vue .mdr-measurements .size-ctn { display:flex; flex-direction:column; align-items:stretch; gap:6px; width:100%; min-width:0; margin:0; padding:0; }
.md-refonte #fotolia-detail-vue .mdr-measurements .size-ctn label { display:block; width:auto; max-width:100%; margin:0; color:#56656d; font:400 14px/1.45 Arial,Helvetica,sans-serif; text-transform:none; }
.md-refonte #fotolia-detail-vue .mdr-measurements .size-ctn input,
.md-refonte #fotolia-detail-vue .mdr-measurements .size-ctn select { width:100%; max-width:100%; min-height:44px; height:auto; margin:0; padding:8px 13px; border:1px solid #bfccd3; border-radius:10px; background:#fff; color:#12222b; box-shadow:none; font:500 18px/1.4 Arial,Helvetica,sans-serif; }
.md-refonte #fotolia-detail-vue .mdr-measurements .size-ctn input:disabled,
.md-refonte #fotolia-detail-vue .mdr-measurements .size-ctn select:disabled { background:#eef1f3; color:#56656d; }
.md-refonte #fotolia-detail-vue .mdr-measurements #mdr-dimension-quantity { max-width:120px; }
.md-refonte #fotolia-detail-vue .mdr-measurements .info { display:block; width:100%; min-height:0; height:auto; margin:0; padding:10px; border:0; border-radius:10px; background:#f4f7f8; color:#56656d; font:400 14px/1.5 Arial,Helvetica,sans-serif; }
.md-refonte #fotolia-detail-vue .mdr-measurements .info p { margin:0; padding:0; color:inherit; font:inherit; }
.md-refonte #fotolia-detail-vue .mdr-measurements .info.error { border:1px solid #eab0b8; background:#fff2f3; color:#a21020; }
.md-refonte #fotolia-detail-vue .mdr-measurements .info-ctn.total-surface .info { padding:9px 0; border-top:1px solid #dbe2e6; border-radius:0; background:transparent; color:#12222b; }
.md-refonte #fotolia-detail-vue .mdr-measurements .colors-ctn { margin:18px 0; flex-wrap:wrap; gap:10px; }
.md-refonte #fotolia-detail-vue .mdr-measurements .canvas-type-selector .section-title,
.md-refonte #fotolia-detail-vue .mdr-measurements .canvas-type-selector .filter-list { width:100%; }
.md-refonte #fotolia-detail-vue .mdr-measurements .canvas-type-selector .filter-list > div { width:48%; }
.md-refonte #fotolia-detail-vue .mdr-measurements .canvas-type-selector .canvas-warning { margin-left:0; }
.md-refonte #fotolia-detail-vue .mdr-measurements .priority-processing { margin:16px 0 0; padding-top:14px; border-top:1px solid #dbe2e6; color:#56656d; font-size:14px; }
.md-refonte #fotolia-detail-vue .mdr-measurements .priority-processing > div { padding:0; }
.md-refonte #fotolia-detail-vue .mdr-measurements .priority-processing .prio-text { margin:0; color:#56656d; font:400 14px/1.55 Arial,Helvetica,sans-serif; }
.md-refonte #fotolia-detail-vue .mdr-measurements .priority-processing .delivery-region-note { background:#f4f7f8!important; color:#56656d!important; border-left:0!important; border-radius:10px; margin:10px 0 12px!important; padding:10px!important; font-size:13px!important; }
.md-refonte #fotolia-detail-vue .mdr-measurements .priority-processing .price-label { width:78%; padding:0; }
.md-refonte #fotolia-detail-vue .mdr-measurements .priority-processing .price-value { width:22%; padding:0; text-align:right; color:#12222b; }
.md-refonte #fotolia-detail-vue .mdr-measurements #expressShippingLabel { display:block; color:#12222b; font:400 14px/1.5 Arial,Helvetica,sans-serif; text-align:left; }
.md-refonte #fotolia-detail-vue .mdr-measurements #expressShippingLabel > svg.fa-info-circle { display:inline-block; width:20px; height:20px; max-width:20px; max-height:20px; margin-left:5px; vertical-align:middle; color:#eb182b; }
.md-refonte #fotolia-detail-vue .mdr-measurements #expressShipping { width:18px; height:18px; margin:0 7px 0 0; accent-color:#eb182b; vertical-align:middle; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card { padding:17px; border:1px solid #dbe2e6; border-radius:14px; background:#f4f7f8; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .mdr-price-overview { display:block; margin:0; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .mdr-price-summary { width:100%; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .price-info-ctn { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; gap:12px; margin:9px 0; padding:0; border:0; color:#12222b; font:400 14px/1.5 Arial,Helvetica,sans-serif; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .price-info-ctn::before,
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .price-info-ctn::after { content:none; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .price-info-ctn.hidden { display:none!important; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .price-info-ctn > div { float:none; width:auto; min-width:0; padding:0; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .price-value { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .mdr-regular-price .price-value { color:#56656d; text-decoration:line-through; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .sale { display:inline-block; width:auto; margin:0; padding:3px 7px; border:0; border-radius:6px; background:#ffe5e8; color:#b40f20; font:500 13px/1.5 Arial,Helvetica,sans-serif; white-space:normal; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .total { grid-template-columns:minmax(0,1fr); gap:5px; margin-top:15px; padding-top:14px; border-top:1px solid #dbe2e6; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .total .price-label { color:#56656d; font-size:14px; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .total .price-value { color:#56656d; text-align:left; white-space:normal; font-size:14px; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .total .price-value > span:first-child { color:#12222b; font:600 clamp(28px,2.6vw,36px)/1.2 Arial,Helvetica,sans-serif; letter-spacing:-.8px; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .total .taxes-text { display:block; margin-top:6px; color:#56656d; font:400 12px/1.5 Arial,Helvetica,sans-serif; }
.md-refonte #fotolia-detail-vue .mdr-rebate-applied { margin:12px 0 0; color:#b40f20; font:400 13px/1.5 Arial,Helvetica,sans-serif; }
.md-refonte #fotolia-detail-vue .mdr-rebate-applied .fa { margin-right:5px; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .steps-btn-ctn { display:flex; flex-wrap:wrap; gap:10px; margin-top:15px; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .steps-btn-ctn .btn { display:block; width:100%; min-height:44px; margin:0; padding:10px 16px; border:0; border-radius:10px; background:#eb182b; color:#fff; font:500 16px/1.5 Arial,Helvetica,sans-serif; white-space:normal; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-price-card .steps-btn-ctn .btn.disabled { opacity:.45; cursor:not-allowed; }
.md-refonte #fotolia-detail-vue .mdr-summary-column .mdr-us-customs { margin-top:18px; padding:0; border:0; border-radius:0; background:transparent; color:#56656d; }
.md-refonte #fotolia-detail-vue .mdr-summary-column .mdr-us-customs h3 { font-size:14px; font-weight:600; margin-bottom:7px; }
.md-refonte #fotolia-detail-vue .mdr-summary-column .mdr-us-customs p { font-size:13px; }
.md-refonte #fotolia-detail-vue .mdr-summary-column .mdr-us-customs .mdr-customs-canada { font-weight:400; margin-top:7px; }
.md-refonte #fotolia-detail-vue .mdr-dimensions-card :focus-visible { outline:2px solid #b40f20; outline-offset:3px; }
@media(max-width:1399px) {
  .md-refonte #fotolia-detail-vue .mdr-configuration-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
}
@media(max-width:980px) {
  .md-refonte #fotolia-detail-vue > .mdr-details-layout.mdr-step-dimensions { grid-template-columns:minmax(0,1fr); padding:24px 0; gap:25px; }
  .md-refonte #fotolia-detail-vue .mdr-step-dimensions > .main-img-wrapper { max-width:680px; margin:0 auto; }
}
@media(min-width:760px) and (max-width:980px) {
  .md-refonte #fotolia-detail-vue .mdr-configuration-grid { grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); }
}
@media(max-width:600px) {
  .md-refonte #fotolia-detail-vue { padding:0 12px; }
  .md-refonte #fotolia-detail-vue .mdr-dimensions-card { padding:20px 16px; }
  .md-refonte #fotolia-detail-vue .mdr-dimensions-card .type-toggler { gap:6px; }
  .md-refonte #fotolia-detail-vue .mdr-dimensions-card .type-toggler .oval-btn { min-height:52px; padding:11px 6px; font-size:14px; }
  .md-refonte #fotolia-detail-vue .mdr-dimensions-card .type-toggler .oval-btn.active { padding:10px 5px; }
  .md-refonte #fotolia-detail-vue .mdr-dimensions-price-card { padding:18px; }
}