{"id":2029518,"name":"New search bar design","modifications":[{"id":6353395,"selector":"body .header-wrapper .header-search-bar","type":"addCSS","value":"@media (max-width: 991.98px) {\n    .pdp-body .ab-search-bar {\n        position: relative;\n        left: 10px;\n        width: calc(100% - 20px);\n        margin: 0 !important;\n        box-sizing: border-box;\n    }\n\n    .pdp-body .ab-search-bar span {\n        display: flex;\n        width: 100%;\n        line-height: 40px;\n        margin: 0 -20px;\n        padding: 0 20px 0 0;\n        background: #f8f8f8;\n        margin-left: 0;\n    }\n\n    .plp-body [data-action=\"Search-Show\"] .plp .plp-header {\n        padding-top: 37px;\n    }\n}\n\n@media (max-width: 767.98px) {\n    .ab-search-bar.header-search-bar {\n        background: transparent;\n        border: 0 solid #000000 !important;\n        border-bottom-width: 2px !important;\n        border-radius: 0 !important;\n    }\n\n    .ab-search-bar.header-search-bar span {\n        color: #000000;\n    }\n\n    .pd-dark .ab-search-bar.header-search-bar {\n        border-color: #ffffff !important;\n    }\n\n    .pd-dark .ab-search-bar.header-search-bar span {\n        color: #ffffff;\n    }\n\n    .pdp-body .page {\n        margin-top: 100px;\n    }\n\n    .plp-body .page {\n        margin-top: 110px;\n    }\n    .cart-body .main-nav {margin-block-end: 15px;}\n\n    .pdp-body .header-wrapper.second-header:has(.with-stickey) .main-nav,\n    .pdp-body .header-wrapper.second-header:has(.with-stickey) .ab-search-bar {\n        background: #ffffff;\n    }\n\n    .pdp-body .header-wrapper.second-header:not(.with-stickey) .main-nav,\n    .pdp-body .header-wrapper.second-header:not(.with-stickey) .ab-search-bar {\n        background: #f8f8f8;\n    }\n}\n"},{"id":6353396,"selector":"body .header-search-bar span","type":"editHtml","value":"<svg viewBox=\"0 0 100 100\" class=\"searchIcon\"><use xlink:href=\"#icon-search\"></use></svg><span>Search</span>"},{"id":6353397,"selector":"body .header-search-bar svg","type":"addCSS","value":".searchIcon {\n  width: 20px;\n  height: 20px;\n  margin-right: 10px;\n}"}],"_tagInfo":"2026/05/11 13:00:17 UTC"}