/* * PDP first-paint layout contract. This small stylesheet is loaded in * before the theme bundle, so the asynchronous breadcrumb markup cannot move * the product content while the main CSS is still downloading. */ @media (min-width: 1200px) { .catalog-product-view .breadcrumbs { background: #fff !important; border-bottom: 1px solid #d8d3cb !important; box-sizing: border-box !important; display: block !important; height: 55px !important; margin: 0 !important; max-width: none !important; min-height: 55px !important; overflow: hidden !important; padding: 0 20px !important; width: 100% !important; } .catalog-product-view .breadcrumbs .items { align-items: center !important; display: flex !important; flex-wrap: nowrap !important; gap: 30px !important; margin: 0 auto !important; max-width: 1950px !important; min-height: 54px !important; overflow-x: auto !important; padding: 0 !important; white-space: nowrap !important; } .catalog-product-view .breadcrumbs .item { display: flex !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; } .catalog-product-view .breadcrumbs .item:not(:last-child)::after { content: none !important; display: none !important; } .catalog-product-view .breadcrumbs a, .catalog-product-view .breadcrumbs strong { display: inline-flex !important; font-size: 13px !important; font-weight: 700 !important; line-height: 54px !important; min-height: 54px !important; padding: 0 !important; position: relative !important; text-decoration: none !important; } .catalog-product-view .claw-mobile-product-heading { display: none !important; } } @media (max-width: 1199px) { .catalog-product-view .breadcrumbs { display: none !important; } } .catalog-product-view .product-info-main [data-chatgpt-promotion] > .chatgpt-promotion__badge { display: none !important; } .chatgpt-promotion { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 8px; line-height: 1.3; } .chatgpt-promotion--empty, .chatgpt-promotion .is-empty { display: none; } .chatgpt-promotion__badge { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; padding: 5px 10px; border-radius: 4px; background: #e51b23; box-shadow: 0 2px 5px rgba(229, 27, 35, 0.22); color: #fff; font-size: 13px; font-weight: 800; line-height: 1; letter-spacing: 0.02em; white-space: nowrap; z-index: 5; } .chatgpt-promotion--has-overlay > .chatgpt-promotion__badge { display: none; } .chatgpt-promotion-overlay-anchor { position: relative; } .chatgpt-promotion__badge--overlay { position: absolute; top: 12px; left: 12px; right: auto; pointer-events: none; } .chatgpt-promotion__badge--overlay.is-empty, .chatgpt-promotion__badge--overlay[hidden] { display: none; } .catalog-product-view .product.media > .chatgpt-promotion__badge--overlay { left: 72px; top: 24px; } .chatgpt-promotion__date { align-items: center; color: #e51b23; display: inline-flex; font-size: 14px; gap: 7px; white-space: nowrap; } .chatgpt-promotion__date::before { background: linear-gradient(#e51b23, #e51b23) 50% 3px / 1.5px 6px no-repeat, linear-gradient(45deg, transparent 43%, #e51b23 44% 58%, transparent 59%) 9px 8px / 5px 5px no-repeat; border: 1.5px solid currentColor; border-radius: 50%; box-sizing: border-box; content: ''; display: inline-block; flex: 0 0 18px; height: 18px; width: 18px; } .chatgpt-promotion__urgency { color: #b42318; font-size: 0.8125rem; font-weight: 700; } .product-item .chatgpt-promotion, .product-item-info .chatgpt-promotion { align-items: center; margin: 0 0 10px; width: 100%; } @media (max-width: 767px) { .catalog-product-view .product.media > .chatgpt-promotion__badge--overlay { left: 10px; top: 10px; } .chatgpt-promotion__date, .chatgpt-promotion__urgency { font-size: 13px; } }