Versand

/* ========================================================= PABLO & CAPONE – KOMPAKTE VERSANDKOSTEN Für kleine Fenster / Checkout Ohne JavaScript ========================================================= */ .pc-shipping-mini { --pc-black: #111111; --pc-grey: #666666; --pc-light: #f7f7f7; --pc-border: #e5e5e5; --pc-white: #ffffff; --pc-green: #16834a; --pc-radius: 10px; max-width: 850px; margin: 0 auto; padding: 8px; color: var(--pc-black); font-family: inherit; line-height: 1.45; box-sizing: border-box; } .pc-shipping-mini *, .pc-shipping-mini *::before, .pc-shipping-mini *::after { box-sizing: border-box; } /* ========================================================= HEADER ========================================================= */ .pc-mini-header { margin-bottom: 18px; } .pc-mini-header h2 { margin: 0 0 5px; font-size: 24px; line-height: 1.2; font-weight: 700; } .pc-mini-header p { margin: 0; color: var(--pc-grey); font-size: 13px; } /* ========================================================= FREE SHIPPING ========================================================= */ .pc-mini-free { margin-bottom: 15px; padding: 12px 14px; border-radius: var(--pc-radius); background: var(--pc-light); border: 1px solid var(--pc-border); font-size: 13px; } .pc-mini-free strong { font-weight: 700; } /* ========================================================= DESKTOP TABLE ========================================================= */ .pc-mini-table-wrapper { overflow-x: auto; border: 1px solid var(--pc-border); border-radius: var(--pc-radius); } .pc-mini-table { width: 100%; border-collapse: collapse; } .pc-mini-table th { padding: 11px 13px; background: var(--pc-light); border-bottom: 1px solid var(--pc-border); text-align: left; font-size: 11px; font-weight: 700; white-space: nowrap; } .pc-mini-table td { padding: 12px 13px; border-bottom: 1px solid var(--pc-border); font-size: 12px; vertical-align: middle; } .pc-mini-table tbody tr:last-child td { border-bottom: 0; } .pc-mini-country { display: flex; align-items: center; gap: 7px; font-weight: 700; white-space: nowrap; } .pc-mini-flag { font-size: 17px; line-height: 1; } .pc-mini-free-text { color: var(--pc-green); font-weight: 700; } .pc-mini-price { font-weight: 700; } .pc-mini-grey { color: var(--pc-grey); } /* ========================================================= MOBILE CARDS ========================================================= */ .pc-mini-mobile { display: none; } .pc-mini-card { padding: 14px; margin-bottom: 8px; border: 1px solid var(--pc-border); border-radius: var(--pc-radius); background: var(--pc-white); } .pc-mini-card:last-child { margin-bottom: 0; } .pc-mini-card-country { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; font-size: 14px; font-weight: 700; } .pc-mini-card-row { display: flex; justify-content: space-between; gap: 15px; padding: 6px 0; border-top: 1px solid var(--pc-border); font-size: 12px; } .pc-mini-card-label { color: var(--pc-grey); } .pc-mini-card-value { text-align: right; font-weight: 600; } /* ========================================================= ADDITIONAL INFO ========================================================= */ .pc-mini-info { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 12px; } .pc-mini-info-box { padding: 12px 14px; border: 1px solid var(--pc-border); border-radius: var(--pc-radius); background: var(--pc-white); } .pc-mini-info-box strong { display: block; margin-bottom: 3px; font-size: 12px; } .pc-mini-info-box span { display: block; color: var(--pc-grey); font-size: 11px; } /* ========================================================= CUSTOMS ========================================================= */ .pc-mini-customs { margin-top: 10px; padding: 11px 14px; border-radius: var(--pc-radius); background: var(--pc-light); color: var(--pc-grey); font-size: 11px; } /* ========================================================= CONTACT ========================================================= */ .pc-mini-contact { margin-top: 14px; text-align: center; color: var(--pc-grey); font-size: 11px; } .pc-mini-contact a { color: var(--pc-black); font-weight: 600; text-decoration: none; } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 650px) { .pc-shipping-mini { padding: 5px; } .pc-mini-header { margin-bottom: 14px; } .pc-mini-header h2 { font-size: 21px; } .pc-mini-header p { font-size: 12px; } .pc-mini-free { padding: 10px 12px; font-size: 12px; } .pc-mini-table-wrapper { display: none; } .pc-mini-mobile { display: block; } .pc-mini-info { grid-template-columns: 1fr; } .pc-mini-customs { font-size: 10px; } }