/* Shared visual rules for imported product pages. Change the values here once for every imported product. */
:root{--dd-import-text-size:16px;--dd-import-label-size:16px;--dd-import-control-size:15px;--dd-import-price-size:16px;--dd-import-control-height:40px;--dd-import-field-gap-y:20px;--dd-import-field-gap-x:16px}
.dd-import-product .dd-import-tabs .dd-basic-tab-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.dd-import-product .dd-import-tabs .dd-basic-tab-list button{min-width:0;margin:0 0 -1px;padding:10px 6px;border:1px solid #d8e5ec;border-radius:8px 8px 0 0;background:#fff;font-size:var(--dd-import-label-size);line-height:1.3}
.dd-import-product .dd-import-tabs .dd-basic-tab-list button+button{margin-left:-1px}
.dd-import-product .dd-import-tabs .dd-basic-tab-list button[aria-selected="true"]{position:relative;z-index:1;border-color:#cfd9df;background:#f1f3f5;color:#075a91}
.dd-import-product .dd-import-tabs .dd-basic-tab-list button:hover{background:#e7f3fa}
.dd-import-product .dd-import-tabs{margin-top:18px}
.dd-import-product .dd-product-information .dd-product-gallery{height:340px;margin-bottom:10px}
.dd-import-product .dd-product-information .dd-product-gallery #list_product_image_middle img{display:block;width:100%;height:100%;object-fit:contain}
.dd-import-product .dd-product-thumbnails{margin-top:0}
.dd-import-product .dd-import-thumb[aria-pressed="true"]{border-color:#0d5b95;box-shadow:0 0 0 1px #0d5b95}
.dd-product-page.dd-import-product .dd-product-workspace-config .dd-product-config-fields h2{margin:0 0 3px!important}
.dd-import-product .dd-config-backend-link{display:block;margin-bottom:20px;text-align:left;color:#075a91;font-size:13px;font-weight:700;text-decoration:underline}
.dd-import-product .dd-import-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dd-import-field-gap-y) var(--dd-import-field-gap-x)}
.dd-import-product .dd-import-fields [hidden]{display:none!important}
.dd-import-product .dd-import-fields .dd-product-field{display:flex;flex-direction:column;gap:9px;min-width:0;color:#123c5c;font-size:var(--dd-import-label-size);font-weight:700}
.dd-import-product .dd-import-fields .dd-product-field select{box-sizing:border-box;width:100%;height:var(--dd-import-control-height);padding:5px 12px;border:1px solid #c3d9e6;border-radius:7px;background:#fff;color:#123c5c;font:700 var(--dd-import-control-size) Arial,sans-serif}
.dd-import-product .dd-import-fields .dd-product-field input#quantity{box-sizing:border-box;width:100%;height:var(--dd-import-control-height);padding:5px 12px;border:1px solid #c3d9e6;border-radius:7px;background:#fff;color:#123c5c;font:700 var(--dd-import-control-size) Arial,sans-serif}
.dd-import-product .dd-import-quantity>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dd-import-product .dd-import-quantity-modes{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;white-space:nowrap}
.dd-import-product .dd-import-quantity-modes label{display:inline-flex;align-items:center;gap:4px;cursor:pointer}
.dd-import-product .dd-import-quantity-modes input[type=radio]{width:14px!important;height:14px!important;min-width:14px!important;margin:0!important;accent-color:#0c5a91}
.dd-import-product .dd-import-fields .dd-import-primary-field{grid-column:1/-1}
.dd-import-product .dd-import-combo-price{grid-column:1/-1;margin:0;color:#123c5c;font-size:13px;line-height:1.4}
.dd-import-product .dd-import-combo-price[hidden]{display:none}
.dd-import-product .dd-import-delivery-method{grid-column:1/-1;min-width:0;margin:0;padding:0;border:0;color:#123c5c}
.dd-import-product .dd-import-delivery-method legend{display:block!important;width:auto!important;padding:0 0 9px;font-size:var(--dd-import-label-size);font-weight:700}
.dd-import-product .dd-import-delivery-method>select{display:none!important}
.dd-import-product .dd-import-delivery-options{display:table;width:auto;max-width:100%;border-spacing:0}
.dd-import-product .dd-import-delivery-choice{display:table-row;font-size:var(--dd-import-label-size);font-weight:600;line-height:1.4;cursor:pointer}
.dd-import-product .dd-import-delivery-name{display:table-cell;vertical-align:middle;white-space:nowrap;padding:0 8px 8px 0}
.dd-import-product .dd-import-delivery-name .dd-import-delivery-text{vertical-align:middle}
.dd-import-product .dd-import-delivery-name input[type=checkbox]{display:inline-block!important;vertical-align:middle;width:18px!important;height:18px!important;min-width:18px!important;margin:0 10px 0 0!important;accent-color:#0c5a91}
.dd-import-product .dd-import-delivery-name input:disabled+span{color:#79909d}
.dd-import-product .dd-import-delivery-surcharge{display:table-cell;vertical-align:middle;white-space:nowrap;padding:0 0 8px 0}
.dd-import-product .dd-import-surcharge-inner{display:grid;grid-template-columns:10px minmax(0,1fr);gap:2px;align-items:baseline}
.dd-import-product .dd-import-delivery-surcharge .dd-import-amount{text-align:right}
.dd-import-product .dd-calendar-delivery{margin:18px 0 0;border:1px solid #d8e5ec;border-radius:10px;overflow:hidden;color:#123c5c;font-size:var(--dd-import-text-size);line-height:1.6;text-align:left!important}
.dd-import-product .dd-calendar-delivery-label{display:block;padding:9px 14px;background:#0d5b95;color:#fff;font-size:var(--dd-import-label-size);font-weight:700;text-align:left!important}
.dd-import-product .dd-calendar-delivery-body{padding:13px 14px;text-align:left!important}
.dd-import-product .dd-calendar-delivery-heading{display:flex;align-items:baseline;flex-wrap:nowrap;gap:3px}
@media(max-width:600px){.dd-import-product .dd-calendar-delivery-heading{flex-wrap:wrap}}
.dd-import-product .dd-calendar-delivery-heading strong{font-weight:700}
.dd-import-product .dd-calendar-delivery-body p{margin:2px 0 0;font-size:11px;line-height:1.4;text-align:left!important}
.dd-import-product .dd-import-quality{grid-column:1/-1;min-width:0}
.dd-import-product .dd-import-quality>select{display:none!important}
.dd-import-product .dd-import-quality label{display:flex;align-items:center;gap:10px;color:#123c5c;font-size:var(--dd-import-label-size);font-weight:600;line-height:1.4;cursor:pointer}
.dd-import-product .dd-import-quality input[type=checkbox]{display:inline-block!important;flex:none;width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;accent-color:#0c5a91}
.dd-import-product .dd-product-price-panel{margin-top:25px}
.dd-import-product .dd-product-price-panel>small{font-size:var(--dd-import-price-size);letter-spacing:.08em}
.dd-import-product .dd-product-price-panel>strong{font-size:var(--dd-import-price-size)}
.dd-import-product .dd-product-tax{margin:7px 0 0;color:#587286;font-size:13px;line-height:1.4}
.dd-import-product .dd-import-error{margin:16px 0;color:#a12d20}
@media(max-width:560px){.dd-import-product .dd-import-fields{grid-template-columns:1fr}.dd-import-product .dd-import-fields .dd-import-primary-field,.dd-import-product .dd-import-delivery-method,.dd-import-product .dd-import-quality{grid-column:auto}.dd-import-product .dd-import-delivery-options{display:block}.dd-import-product .dd-import-delivery-choice{display:block;margin-bottom:8px}.dd-import-product .dd-import-delivery-name{display:block;white-space:normal;padding-bottom:2px}.dd-import-product .dd-import-delivery-surcharge{display:block;padding:0 0 0 28px}.dd-import-product .dd-import-surcharge-inner{display:inline-grid;grid-template-columns:10px minmax(0,1fr)}}
.dd-import-product .dd-product-price-breakdown .dd-product-price-row>b{color:#123c5c;font-size:var(--dd-import-price-size);font-weight:600}
.dd-import-product .dd-product-price-breakdown .dd-product-total>span,.dd-import-product .dd-product-price-breakdown .dd-product-total>b{color:#0d5b95;font-size:var(--dd-import-price-size);font-weight:600}
.dd-import-product .dd-basic-tab-panel{font-size:var(--dd-import-text-size)}
.dd-import-product .dd-product-price-breakdown .dd-product-price-row>span{font-size:var(--dd-import-price-size)}
/* The existing calendar import uses a separate configurator; its common typography follows the same values. */
.dd-calendar-selector .dd-product-field>span:first-child,.dd-calendar-selector .dd-calendar-quantity-caption,.dd-calendar-selector .dd-calendar-method legend{font-size:var(--dd-import-label-size)!important}
.dd-calendar-selector .dd-calendar-method-choice,.dd-calendar-selector .dd-calendar-quality>span{font-size:var(--dd-import-label-size)!important}
.dd-calendar-selector .dd-calendar-method-surcharge{gap:2px}
.dd-calendar-selector .dd-product-price-breakdown .dd-product-price-row>span,.dd-calendar-selector .dd-product-price-breakdown .dd-product-price-row>b,.dd-calendar-selector .dd-product-price-breakdown .dd-product-net input{font-size:var(--dd-import-price-size)!important}
.dd-import-product .dd-calendar-selector .dd-product-field-grid{gap:var(--dd-import-field-gap-y) var(--dd-import-field-gap-x)}
.dd-import-product .dd-calendar-selector .dd-product-field select,.dd-import-product .dd-calendar-selector .dd-product-quantity select,.dd-import-product .dd-calendar-selector #dd-calendar-paper{height:var(--dd-import-control-height)!important;font-size:var(--dd-import-control-size)!important}
