/* SUPERPODLAHA – kontakt Petra v košíku v1 Samostatný CSS soubor: načtěte v / přes Shoptet editor CSS. */ .sidebar-in-cart .checkout-box-wrapper.sp-help-wrapper { margin-bottom: 18px; } .sidebar-in-cart .checkout-box-wrapper.sp-help-wrapper .sp-help-heading { margin: 0 0 5px; color: #20252b; font-size: 20px; line-height: 1.25; font-weight: 800; letter-spacing: -0.02em; } .sidebar-in-cart .checkout-box-wrapper.sp-help-wrapper .sp-help-lead { margin: 0 0 12px; color: #66707a; font-size: 13px; line-height: 1.45; } .sidebar-in-cart .checkout-box-wrapper .box.sp-help-box { position: relative; overflow: hidden; padding: 0; border: 1px solid #e5e8eb; border-radius: 14px; background: linear-gradient(135deg, #ffffff 0%, #ffffff 60%, #fff7f8 100%); box-shadow: 0 8px 24px rgba(28, 36, 44, 0.07); } .sidebar-in-cart .checkout-box-wrapper .box.sp-help-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: #e30613; } .sidebar-in-cart .checkout-box-wrapper .sp-help-contact { display: grid; grid-template-columns: 86px minmax(0, 1fr); grid-template-rows: auto auto auto; column-gap: 15px; row-gap: 2px; align-items: center; min-width: 0; padding: 18px 17px 16px; } .sidebar-in-cart .checkout-box-wrapper .sp-help-avatar { grid-column: 1; grid-row: 1 / 4; align-self: center; width: 82px; height: 82px; padding: 3px; border: 1px solid #ebd8da; border-radius: 50%; background: #fff; box-shadow: 0 5px 14px rgba(20, 28, 35, 0.12); } .sidebar-in-cart .checkout-box-wrapper .sp-help-avatar img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: center; } .sidebar-in-cart .checkout-box-wrapper .sp-help-name { grid-column: 2; grid-row: 1; display: block; min-width: 0; margin: 0; color: #1e242a; font-size: 15px; line-height: 1.3; font-weight: 800; } .sidebar-in-cart .checkout-box-wrapper .sp-help-role { grid-column: 2; grid-row: 2; display: block; margin: 1px 0 5px; color: #8a949d; font-size: 11.5px; line-height: 1.2; font-weight: 700; letter-spacing: 0.035em; text-transform: uppercase; } .sidebar-in-cart .checkout-box-wrapper .sp-help-links { grid-column: 2; grid-row: 3; display: flex; flex-direction: column; gap: 5px; min-width: 0; margin: 0; padding: 0; list-style: none; } .sidebar-in-cart .checkout-box-wrapper .sp-help-links li { margin: 0; padding: 0; line-height: 1.25; } .sidebar-in-cart .checkout-box-wrapper .sp-help-links .mail, .sidebar-in-cart .checkout-box-wrapper .sp-help-links .tel { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 7px; color: #4d565f; font-size: 12.5px; } .sidebar-in-cart .checkout-box-wrapper .sp-help-links a { color: #252b31; font-weight: 700; text-decoration: none; text-decoration-thickness: 1px; text-underline-offset: 2px; transition: color 0.15s ease, text-decoration-color 0.15s ease; } .sidebar-in-cart .checkout-box-wrapper .sp-help-links a:hover, .sidebar-in-cart .checkout-box-wrapper .sp-help-links a:focus-visible { color: #e30613; text-decoration: underline; } .sidebar-in-cart .checkout-box-wrapper .sp-help-hours { color: #7b858e; font-size: 11.5px; font-weight: 500; } @media (max-width: 991px) { .sidebar-in-cart .checkout-box-wrapper .sp-help-contact { grid-template-columns: 76px minmax(0, 1fr); column-gap: 13px; padding: 16px 14px 14px; } .sidebar-in-cart .checkout-box-wrapper .sp-help-avatar { width: 72px; height: 72px; } } @media (max-width: 420px) { .sidebar-in-cart .checkout-box-wrapper .sp-help-contact { grid-template-columns: 66px minmax(0, 1fr); column-gap: 11px; padding: 15px 12px 13px; } .sidebar-in-cart .checkout-box-wrapper .sp-help-avatar { width: 62px; height: 62px; } .sidebar-in-cart .checkout-box-wrapper .sp-help-name { font-size: 14px; } .sidebar-in-cart .checkout-box-wrapper .sp-help-role { font-size: 10.5px; } .sidebar-in-cart .checkout-box-wrapper .sp-help-links .mail, .sidebar-in-cart .checkout-box-wrapper .sp-help-links .tel { font-size: 12px; } } @media (prefers-reduced-motion: reduce) { .sidebar-in-cart .checkout-box-wrapper .sp-help-links a { transition: none; } }