/* DIGIKROM — Szalona Italia search overlay, Figma: wyniki-wyszukiwania 1374x690 */
.dgk-szi-uxs-overlay,
.dgk-szi-uxs-overlay * { box-sizing: border-box; }
.dgk-szi-uxs-overlay[hidden] { display: none !important; }
body.dgk-szi-uxs-open { overflow: hidden !important; }
.dgk-szi-uxs-overlay {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    background: rgba(0, 0, 0, .39);
    overflow-y: auto;
    overscroll-behavior: contain;
    font-family: Montserrat, Arial, sans-serif;
    color: #132519;
    font-size: 14px;
    line-height: 1.5;
}
.dgk-szi-uxs-dialog {
    width: min(1374px, calc(100vw - 32px));
    height: 690px;
    max-height: calc(100dvh - 100px);
    margin: var(--wd-header-general-h, 85px) auto 24px;
    padding: 48px 32px 0;
    display: grid;
    grid-template-columns: 267px minmax(0, 1fr);
    background: #fff;
    overflow-y: auto;
    border: none;
    outline: none;
    box-shadow: 0 5px 22px rgba(0,0,0,.12);
}
.dgk-szi-uxs-dialog h2 { margin: 0 !important; padding: 0 !important; text-transform: none !important; letter-spacing: 0 !important; font-family: Montserrat, Arial, sans-serif !important; color: #000 !important; }
.dgk-szi-uxs-dialog a { text-decoration: none !important; }
.dgk-szi-uxs-side { min-width: 0; overflow-y: auto; padding: 0 16px 30px 10px; }
.dgk-szi-uxs-group + .dgk-szi-uxs-group { margin-top: 16px; }
.dgk-szi-uxs-dialog .dgk-szi-uxs-side-title { display:flex; align-items:center; height:44px; font-size: 20px !important; font-weight: 500 !important; line-height: 24px !important; margin: 0 0 4px !important; }
.dgk-szi-uxs-list { display: flex; flex-direction: column; }
.dgk-szi-uxs-list-link { display: flex; align-items: center; min-height: 41px; margin-bottom: 8px; color:#000 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.3 !important; }
.dgk-szi-uxs-list-link:hover, .dgk-szi-uxs-list-link:focus-visible { color: #1C7D30 !important; text-decoration: underline !important; }
.dgk-szi-uxs-main { min-width: 0; padding-bottom: 24px; }
/* Input and submit occupy separate grid tracks; Woodmart must not stretch the input under the button. */
.dgk-szi-uxs-dialog .dgk-szi-uxs-form {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    grid-template-columns: minmax(0, 1fr) 180px !important;
    column-gap: 48px !important;
    align-items: center !important;
    justify-content: initial !important;
    margin: 0 !important;
    padding: 0 !important;
    /* Theme form styles must not draw a second outline around the field. */
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.dgk-szi-uxs-dialog .dgk-szi-uxs-form > input[type="hidden"] { display: none !important; }
.dgk-szi-uxs-input-wrap {
    grid-column: 1;
    grid-row: 1;
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 56px;
    /* The BORDER belongs to this grid track, not to the search input.
       This guarantees the border ends before the submit button even when
       a theme changes the intrinsic width of input[type=search]. */
    overflow: hidden !important;
    border: 1px solid #132519 !important;
    border-radius: 16px !important;
    background: #fff !important;
}
.dgk-szi-uxs-dialog .dgk-szi-uxs-form .dgk-szi-uxs-submit {
    grid-column: 2;
    grid-row: 1;
    min-width: 0 !important;
    margin: 0 !important;
}
.dgk-szi-uxs-input-wrap .dgk-szi-uxs-input {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none;
    margin: 0 !important;
    padding: 0 52px 0 16px !important;
    background: #fff !important;
    color: #132519 !important;
    font-family: Montserrat, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;
}
.dgk-szi-uxs-input:focus-visible { outline: none !important; }
.dgk-szi-uxs-input-wrap:focus-within { outline: 1px solid #132519 !important; outline-offset: -1px !important; }
.dgk-szi-uxs-input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.dgk-szi-uxs-input-wrap .dgk-szi-uxs-clear {
    position: absolute;
    z-index: 1;
    right: 12px; top: 50%; transform: translateY(-50%);
    width: 32px; height: 32px; padding: 4px !important;
    border: 0 !important; box-shadow: none !important;
    background: transparent !important; color: #1C7D30 !important;
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer;
}
.dgk-szi-uxs-clear svg { width: 17px; height: 17px; }
.dgk-szi-uxs-form .dgk-szi-uxs-submit {
    display: flex !important; align-items: center; justify-content: center;
    gap: 12px;
    width: 180px; max-width: 100%; height: 56px; padding: 0 20px !important;
    background: #1C7D30 !important; color: #fff !important; border: 0 !important;
    border-radius: 16px 16px 16px 0 !important;
    box-shadow: none !important;
    font-family: Montserrat, Arial, sans-serif !important;
    font-size: 16px !important; font-weight: 600 !important;
    letter-spacing: 0 !important; line-height: 1.2 !important;
    text-transform: none !important; cursor: pointer;
}
.dgk-szi-uxs-form .dgk-szi-uxs-submit:hover { background: #145f24 !important; }
.dgk-szi-uxs-results { margin-top: 24px; }
.dgk-szi-uxs-dialog .dgk-szi-uxs-results-title { font-size: 18px !important; font-weight: 600 !important; line-height: 42px !important; margin: 0 0 16px !important; }
.dgk-szi-uxs-products { display: flex; flex-direction: column; gap: 16px; }
.dgk-szi-uxs-product {
    display: grid;
    grid-template-columns: 67px minmax(175px,1fr) minmax(170px,220px) 52px;
    column-gap: 32px;
    align-items: center;
    min-width: 0;
    min-height: 99px;
    padding: 0 0 16px;
    margin: 0;
    border-bottom: 1px solid #dedede;
}
.dgk-szi-uxs-product-image { width: 67px; height: 67px; display: flex; align-items: center; justify-content: center; }
.dgk-szi-uxs-product-image img { display: block; width: 67px !important; height: 67px !important; object-fit: contain !important; margin: 0 !important; }
.dgk-szi-uxs-product-info { align-self: center; min-width: 0; }
.dgk-szi-uxs-brand { font-size: 12px; font-weight: 300; text-decoration: underline; line-height: 16px; color: #454545; margin-bottom: 4px; }
.dgk-szi-uxs-product-name { display: block; max-width: 100%; font-size: 14px !important; font-weight: 600 !important; color: #132519 !important; line-height: 1.35 !important; overflow-wrap: break-word; }
.dgk-szi-uxs-product-name:hover { color: #1C7D30 !important; }
.dgk-szi-uxs-price { min-width: 0; align-self: center; font-size: 18px !important; font-weight: 700; color: #000; line-height: 1.2; }
.dgk-szi-uxs-price .amount { font-size: 18px !important; font-weight: 700 !important; color: #000 !important; }
.dgk-szi-uxs-price del { color: #555 !important; font-size: 12px !important; font-weight: 400 !important; opacity: 1 !important; }
.dgk-szi-uxs-price del .amount { color: #555 !important; font-size: 12px !important; font-weight: 400 !important; text-decoration: line-through; }
.dgk-szi-uxs-price ins { color: #AF000F !important; font-size: 18px !important; font-weight: 700 !important; background: transparent !important; text-decoration: none !important; }
.dgk-szi-uxs-price ins .amount { color: #AF000F !important; }
.dgk-szi-uxs-price .woocommerce-price-suffix, .dgk-szi-uxs-price .price-suffix { color: #333 !important; font-size: 12px !important; font-weight: 400 !important; }
.dgk-szi-uxs-product .dgk-szi-uxs-cart {
    display: flex !important; align-items: center; justify-content: center;
    width: 52px; height: 52px; padding: 0 !important;
    border: none !important; border-radius: 9px !important;
    box-shadow: 0 3px 13px rgba(0,0,0,.16) !important;
    background: #fff !important; color: #132519 !important;
    cursor: pointer; transition: box-shadow .15s;
}
.dgk-szi-uxs-product .dgk-szi-uxs-cart:hover { box-shadow: 0 3px 13px rgba(0,0,0,.23) !important; }
.dgk-szi-uxs-product .dgk-szi-uxs-cart:disabled { cursor: wait; opacity: .6; }
.dgk-szi-uxs-cart svg { width: 25px; height: 25px; }
.dgk-szi-uxs-test-trigger { display: inline-flex; align-items:center; justify-content:center; background:#1C7D30 !important; color:#fff !important; padding:12px 22px !important; border:0 !important; border-radius:8px; text-transform:none !important; }
@media (max-width: 1440px) and (min-width: 1025px) {
    .dgk-szi-uxs-dialog { grid-template-columns: 220px minmax(0,1fr); padding: 28px 24px 0; }
    .dgk-szi-uxs-dialog .dgk-szi-uxs-form { grid-template-columns: minmax(0,1fr) 160px !important; column-gap: 22px !important; }
    .dgk-szi-uxs-product { grid-template-columns: 60px minmax(140px,1fr) minmax(140px,190px) 46px; gap:14px; }
    .dgk-szi-uxs-product-image, .dgk-szi-uxs-product-image img { width:60px !important; height:60px !important; }
}
@media (max-width: 1024px) {
    /* Only the native Woodmart search operates here; desktop overlay is never opened. */
    .dgk-szi-uxs-overlay { display:none !important; }
}