.redesignCategory .bckg{ height: 370px; margin: 0 auto} .redesignCategory .bckg .bckgNew{ position: absolute; top: 0; left: 0; height: 370px; width: 100%; display: flex; -ms-flex-pack: end; justify-content: flex-end; z-index: 0; -webkit-box-pack: end} .redesignCategory .bckg .bckgNew img{ -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; background: #eff0f6} .redesignCategory .bckg.blade-refills{ background-color: #eff0f6} .redesignCategory .bckg.blade-refills .bckgNew{ background: 0 0} .redesignCategory .bckg .text{ max-width: 1210px; margin: 0 auto; padding: 0 1rem; width: 100%; height: 100%; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: end; align-items: flex-end; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-box-align: end; -webkit-box-orient: vertical; -webkit-box-direction: normal} .redesignCategory .bckg .text .sub-title{ z-index: 1; max-width: 390px; margin: 0 auto 20px 0; font-family: lato_blackregular, arial, "sans-serif"; font-size: 30px; line-height: 34px; letter-spacing: 1.5px; color: #182f6e; text-transform: uppercase} .redesignCategory .bckg .text .title{ z-index: 1; max-width: 410px; margin: 0 auto 90px 0; font-family: latoregular, arial, "sans-serif"; letter-spacing: normal; color: #5e5e5e; font-size: 16px; line-height: 24px} .redesignCategory .featureCategoryProducts{ overflow-x: hidden; padding: 0 1rem 80px; max-width: 1300px; margin: 0 auto; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-column-gap: 7rem} .redesignCategory .featureCategoryProducts .categories-sidebar{ list-style: none; margin: 0} .redesignCategory .featureCategoryProducts .hidden-for-correct-size{ visibility: hidden} .redesignCategory .featureCategoryProducts .categories-sidebar-item{ margin-bottom: 20px} .redesignCategory .featureCategoryProducts .categories-sidebar-link{ text-decoration: none; font-size: 16px; line-height: 24px; color: #717275} .redesignCategory .featureCategoryProducts .categories-sidebar-link.active{ color: #182f6e; font-weight: 800} .redesignCategory .featureCategoryProducts .categories-products-list{ display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 33px; -webkit-box-pack: start; -webkit-box-align: start} .redesignCategory .featureCategoryProducts .categories-products-list-top{ width: 100%; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px solid #979797; margin-bottom: 20px; -webkit-box-pack: justify; -webkit-box-align: end} .redesignCategory .featureCategoryProducts .child-categories-list{ list-style: none; margin: 0; -ms-flex: 1; flex: 1; display: flex; -ms-flex-pack: center; justify-content: center; padding-bottom: 10px; -webkit-box-flex: 1; -webkit-box-pack: center} .redesignCategory .featureCategoryProducts .product-list-sorting{ position: relative; cursor: pointer; padding: 0 20px; width: 200px} .redesignCategory .featureCategoryProducts .product-list-sorting select{ display: none} .redesignCategory .featureCategoryProducts .product-list-sorting .select-selected{ position: relative; width: 100%; font-size: 16px; line-height: 19px; color: #182f6e; padding: 0 0 10px 0} .redesignCategory .featureCategoryProducts .product-list-sorting .select-selected::after{ content: ""; position: absolute; top: calc(50% - 5px); transform: translateY(-50%); right: 0; width: 16px; height: 16px; background-size: 100%; background-repeat: no-repeat; -webkit-transform: translateY(-50%); background-image: url(https://cdn11.bigcommerce.com/s-dukhrgn8mp/content/img/icons/ic-arrow-down.svg)} .redesignCategory .featureCategoryProducts .product-list-sorting .select-items{ position: absolute; background-color: #fff; top: 100%; right: 0; z-index: 99; border: 1px solid #5e5e5e; padding: 20px 45px 20px 25px; width: 100%} .redesignCategory .featureCategoryProducts .product-list-sorting .select-hide{ display: none} .redesignCategory .featureCategoryProducts .product{ margin-bottom: 27px; border: 1px solid var(--border-primary, #f1f1f1)} .redesignCategory .featureCategoryProducts .product>div{ width: 200px; margin: 0 25px 0 0} .redesignCategory .featureCategoryProducts .product>div .image{ position: relative; height: 227px; width: 227px; display: block; text-decoration: none; margin-bottom: 0 !important} .redesignCategory .featureCategoryProducts .product>div .image .img-default{ display: block; transition: all .5s; -webkit-transition: all .5s} .redesignCategory .featureCategoryProducts .product>div .image .img-hover{ display: none; transition: all .5s; -webkit-transition: all .5s} .redesignCategory .featureCategoryProducts .product>div .image img{ width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain} .redesignCategory .featureCategoryProducts .product>div .image .button{ position: absolute; opacity: 0; bottom: 0; left: 0; right: 0; text-transform: uppercase; font-family: latobold, Arial, sans-serif; font-size: 14px; line-height: 18px; font-weight: 500; letter-spacing: 1px; color: #fff; padding: 1rem; background-color: rgba(0, 174, 239, .8); border-radius: 0; transition: .5s; -webkit-transition: .5s} .redesignCategory .featureCategoryProducts .product>div a{ text-decoration: none} .redesignCategory .featureCategoryProducts .product>div .name{ font-size: 16px; font-family: latoregular, arial, "sans-serif"; line-height: 24px; letter-spacing: .1px; color: #222429; padding-bottom: 5px; display: -webkit-box; word-break: break-word; position: absolute; top: 14%; text-align: left; font-weight: 700; margin-top: .4rem; margin-bottom: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical} .redesignCategory .featureCategoryProducts .product>div .price{ display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 60%; -webkit-box-pack: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; font-family: latoregular, arial, "sans-serif"} .redesignCategory .featureCategoryProducts .product>div .price .now{ font-family: latoregular, arial, "sans-serif"; font-size: 16px; line-height: 24px; letter-spacing: normal; color: #001e60; margin-right: 10px; font-weight: 700} .redesignCategory .featureCategoryProducts .product>div .price .was{ font-family: lato_blackregular, arial, "sans-serif"; font-size: 24px; line-height: 1.08; letter-spacing: normal; color: #808285; text-decoration: line-through} .redesignCategory .featureCategoryProducts .product>div .price .freeShipping{ -ms-flex-item-align: auto; align-self: auto; font-size: 12px; line-height: 16px; color: #222429; font-family: latoitalic, arial, "sans-serif"; position: absolute; top: 83%; width: max-content; padding-top: 24px} .category_critical_css_new{ display: block} meta.foundation-data-attribute-namespace{ font-family: false} .is-srOnly{ border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important} *{ font-family: latoregular, Arial, sans-serif} html{ font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; --header-height: 118px; font-size: 14px; scroll-behavior: smooth} body{ margin: 0; background: #fff; color: #333; cursor: auto; padding: 0; position: relative; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.5; padding-top: 80px; font-size: 1rem} footer, header, nav, section{ display: block} a{ background-color: transparent; color: #333; line-height: inherit; text-decoration: underline; transition: color .15s ease; -webkit-transition: color .15s ease} img{ border: 0; display: inline-block; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic} svg:not(:root){ overflow: hidden} button, input, select{ color: inherit; font: inherit; margin: 0} button{ overflow: visible; background: 0 0; border: 0} button, select{ text-transform: none} button, input[type="submit"]{ cursor: pointer} input{ line-height: normal} fieldset{ border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em} legend{ border: 0; padding: 0} *, :after, :before{ box-sizing: border-box; -webkit-box-sizing: border-box} body, html{ height: auto} div, form, h1, h2, h4, h5, li, ol, p, ul{ margin: 0; padding: 0} p{ margin-bottom: 1.5rem} h1, h2, h4, h5{ color: #444; font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: .25px; margin-bottom: .78571rem; margin-top: 2.28571rem} h2{ font-size: 25px} h4{ font-size: 20px} ol, ul{ list-style-position: outside; margin-bottom: 1.5rem} ul{ margin-left: 1.15rem} .button{ border-radius: 4px; border-style: solid; border-width: 1px; cursor: pointer; font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1rem; margin: 0 0 1rem; position: relative; text-align: center; text-decoration: none; display: inline-block; background-color: transparent; border-color: #ccc; color: #666; font-size: 1rem; padding: .85714rem 2.28571rem; outline: 0; vertical-align: middle; transition: all .15s ease; -webkit-appearance: none; -moz-appearance: none; -webkit-transition: all .15s ease} .button--primary{ background-color: #444; border-color: #444; color: #fff} .dropdown-menu{ display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #e5e5e5; font-size: 1rem; height: auto; width: 100%; z-index: 5; max-width: 200px} .form{ margin: 0 0 1.5rem} .form-fieldset{ border-width: 0; margin: 0; padding: 0} .form-input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #ccc; border-style: solid; border-width: 1px; border-radius: 4px; color: #666; display: block; font-family: inherit; font-size: 1rem; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; height: 3rem; margin: 0; padding: .75rem 1rem; transition: border-color .1s ease-out; width: 100%; font-smoothing: antialiased; -webkit-transition: border-color .1s ease-out} .form-input::-webkit-input-placeholder{ color: #999} .form-field{ display: block; margin: 0 0 2rem; max-width: none} .form-field:after, .form-field:before{ content: " "; display: table} .form-field:after{ clear: both} .form-prefixPostfix-button--postfix{ margin: .78571rem 0 0; -ms-flex-order: 1; order: 1; -webkit-box-ordinal-group: 2} .modal{ border-radius: 0; display: none; position: fixed; top: 50% !important; visibility: hidden; width: 100%; z-index: 1005; left: 50%; background-color: #fff; padding: 0; border: solid 0 #e5e5e5; box-shadow: none; max-height: 90%; overflow: hidden; margin: 0; max-width: 95%; min-height: 240px; outline: 0; transform: translate(-50%, -50%); -webkit-box-shadow: none; -webkit-transform: translate(-50%, -50%)} .modal--small{ width: 500px} .loadingOverlay{ background: rgba(51, 51, 51, .9); bottom: 0; height: 100%; left: 0; opacity: 1; position: fixed; right: 0; top: 0; transition: all 250ms ease-out; width: 100%; background-color: rgba(255, 255, 255, .9); display: none; z-index: 99999; -webkit-transition: all 250ms ease-out} .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box} .slick-list{ position: relative; overflow: hidden; display: block; margin: 0; padding: 0} .slick-slider .slick-list, .slick-slider .slick-track{ transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0)} .slick-track{ position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000px; -webkit-perspective: 1000px} .slick-track:after, .slick-track:before{ content: ""; display: table} .slick-track:after{ clear: both} .slick-slide{ float: left; height: 100%; min-height: 1px; display: none} .slick-initialized .slick-slide{ display: block} .dropdown{ left: -9999px; outline: 0; position: absolute} .modal--alert{ background-color: #fff !important; border-radius: 4px; font-family: Lato, Arial, Helvetica, sans-serif; padding: 40px 20px 20px; text-align: center} .lazyload, .lazyloading{ height: 100%} .icons-svg-sprite{ display: none} .navUser-action{ display: block; color: #333; font-weight: 700; padding: 1rem .78571rem; text-decoration: none; text-transform: uppercase} .navUser-action svg{ fill: #333333; stroke: #333333; transition: all .15s ease; -webkit-transition: all .15s ease} .dropdown--quickSearch{ background-color: #e5e5e5; padding: 1.5rem 0; display: none} .dropdown--quickSearch .form{ margin: auto; max-width: 30rem} .dropdown--quickSearch .form, .dropdown--quickSearch .form-field{ margin-bottom: 0} .dropdown--quickSearch .form-input{ font-size: 20px; height: unset} .countPill{ background-color: #333; border-radius: 50%; color: #fff; display: none; font-size: 12px; font-weight: 700; height: 20px; line-height: 20px; margin-left: .21429rem; text-align: center; width: 20px} .navPages-container{ top: 0; display: none; height: 100%; left: 0; -webkit-overflow-scrolling: touch; position: absolute; right: 0; z-index: 10; bottom: 0} .cart{ display: block; margin-bottom: 1.5rem; width: 100%} .quickSearchResults{ margin-top: 1.5rem} .header{ position: fixed; top: 0; width: 100%; z-index: 100; background-color: #fff; height: 55px} .body{ margin-bottom: 6rem; margin-top: 1.5rem; margin: 0} .footer{ background-color: #fff; padding: 3rem 0; border-top: 1px solid #e5e5e5; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0)} .footer-copyright{ text-align: center} .container{ margin-left: auto; margin-right: auto; max-width: 100%; padding: 0; position: relative; width: 100%; margin: 0 auto} .footer.footer-gilletteUs{ background-color: #0d1430; padding: 0; border-top: 5px solid #0637a1} .footer.footer-gilletteUs .footer-wrap{ -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; width: 100%; display: flex; padding: 48px 0; gap: 64px; -webkit-box-pack: justify; -webkit-box-align: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row} .footer.footer-gilletteUs .container-gilletteUs{ max-width: 1366px; margin: 0 auto; width: 100%; padding: 0 40px; color: #fff} .footer.footer-gilletteUs .container-gilletteUs .left{ width: 33.3%} .footer.footer-gilletteUs .container-gilletteUs .right{ width: 66.6%} .footer.footer-gilletteUs .container-gilletteUs .right .footer-socials-wrap{ display: flex; width: 100%; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; gap: 24px; padding-top: 48px; -webkit-box-pack: end; -webkit-box-align: center} .footer.footer-gilletteUs .container-gilletteUs .right .footer-socials-wrap .smartlabel{ width: 38%} .footer.footer-gilletteUs .container-gilletteUs .right .footer-socials-wrap .smartlabel svg{ height: 33px; width: 110px} .footer.footer-gilletteUs .footer-copyright{ width: 100%; background-color: #001e60} .footer.footer-gilletteUs .footer-copyright__wrap{ padding: 10px; display: flex; width: 100%; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: center} .footer.footer-gilletteUs .navigation-wrap .navigation{ display: flex; width: 100%; gap: 24px} .footer.footer-gilletteUs .navigation-wrap .navigation-col{ width: 33.3%} .footer.footer-gilletteUs .navigation-wrap .navigation-col:last-child{ width: 45%} .footer.footer-gilletteUs .navigation-wrap .navigation-col h4{ font-family: latobold, sans-serif; margin: 0 0 20px 0; font-size: 16px; line-height: 24px; color: #fff; text-transform: uppercase; font-weight: 700} .footer.footer-gilletteUs .navigation-wrap .navigation-col ul{ margin: 0; list-style: none} .footer.footer-gilletteUs .navigation-wrap .navigation-col ul li a{ display: block; font-size: 14px; line-height: 22px; color: #fff; text-decoration: none; transition: color .2s; -webkit-transition: color .2s} .footer.footer-gilletteUs .navigation-wrap .navigation-col ul li:not(:last-child){ margin-bottom: 16px} .footer.footer-gilletteUs .navigation-wrap .navigation-col-wrap{ display: flex} .footer.footer-gilletteUs .navigation-wrap .navigation-col-wrap ul:not(:last-child){ margin-right: 40px} .footer.footer-gilletteUs .footer-subscription .footer-top-div{ margin-bottom: 30px} .footer.footer-gilletteUs .footer-subscription .footer-top-div h4{ color: #fff; font-family: latobold, arial, "sans-serif"; font-size: 22px; line-height: 30px; margin: 0 0 20px 0; text-align: left; font-weight: 700} .footer.footer-gilletteUs .footer-subscription .footer-bottom-div{ width: 100%; display: block} .footer.footer-gilletteUs .footer-subscription .footer-bottom-div ul{ width: 100%; display: flex; margin-left: 0; gap: 24px; margin-bottom: 0} .footer.footer-gilletteUs .footer-subscription .footer-bottom-div ul li{ list-style-type: none} .footer.footer-gilletteUs .footer-subscription p{ margin: 0 auto 20px; color: #fff; text-align: left; font-family: latoregular, arial, "sans-serif"; font-size: 14px; line-height: 22px; width: 100%} .footer.footer-gilletteUs .footer-subscription p a{ color: #fff} .footer.footer-gilletteUs .footer-subscription .footer-form-container{ margin-bottom: 0; width: 100%} .footer.footer-gilletteUs .footer-subscription .footer-subscribe-email-container{ margin-bottom: 0; display: block} .footer.footer-gilletteUs .footer-subscription .input-head{ font-size: 14px; line-height: 22px} .footer.footer-gilletteUs .footer-subscription .form-input-wrap{ display: flex; width: 100%} .footer.footer-gilletteUs .footer-subscription .footer-subscribe-input{ border-radius: 0; margin-right: 5px} .footer.footer-gilletteUs .footer-subscription .footer-subscribe-button{ background: #0077c8; border-radius: 0; color: #fff; margin: 0; border: none; font-family: latobold, arial, "sans-serif"; padding: 10px 25px; font-weight: 700; line-height: 22px} .aria-description--hidden{ position: absolute; top: 0; left: 0; height: 1px; width: 1px; overflow: hidden; margin-left: -10000px} .promo-banner{ background-color: #00aeef; display: block; padding: 10px; top: 0} .promo-banner.sercom-promo{ display: none} header.header.gillette-us{ z-index: 1001; background-color: #fff; padding: 0; position: fixed; border-bottom: 1px solid #f1f1f1} header.header.gillette-us .header-holder{ max-width: 1366px; margin: 0 auto; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; -webkit-box-pack: justify; -webkit-box-align: center; padding: 8px 5px 8px 40px} header.header.gillette-us .header-holder .togglers-left{ display: none} header.header.gillette-us .header-holder .top-bar-left{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-flex: 0} header.header.gillette-us .header-holder .menu{ margin: 0; display: flex; list-style-type: none; -ms-flex-align: center; align-items: center; width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center} header.header.gillette-us .header-holder .menu>li{ max-width: 100%; -ms-flex: 0 0 auto; flex: 0 0 auto; outline: 0; -webkit-box-flex: 0} header.header.gillette-us .header-holder .menu>li>a, header.header.gillette-us .header-holder .menu>li>div{ display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; text-decoration: none; cursor: pointer; padding: 15px 0; margin: 0 0; font-family: latobold, arial, sans-serif; font-size: 14px; line-height: 1; letter-spacing: normal; border-bottom: 2px solid transparent; text-transform: uppercase; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: start; -webkit-box-align: center} header.header.gillette-us .header-holder .menu>li>a.transLink{ border-bottom: 5px solid transparent} header.header.gillette-us .header-holder .menu>li>a span, header.header.gillette-us .header-holder .menu>li>div span{ font-size: 14px; line-height: 1; letter-spacing: normal; font-family: latoregular, Arial, sans-serif; padding-right: 5px; text-transform: capitalize; font-weight: 400} header.header.gillette-us .header-holder .menu>li>a svg, header.header.gillette-us .header-holder .menu>li>div svg{ outline: 0; stroke: none} header.header.gillette-us .header-holder .menu>li>a .cart{ margin: 0; position: relative; top: 2px} header.header.gillette-us .header-holder .menu>li>a .cart .quantity{ position: absolute; top: 1px; left: 4px; right: 0; bottom: 0; font-size: 14px; font-family: latobold, arial, sans-serif; line-height: 1; color: #fff; display: block; background: 0 0} header.header.gillette-us .header-holder .menu>li>div{ padding: 0} header.header.gillette-us .header-holder .menu>li>div .dropbtn{ padding: 15px 0; margin: 0 0} header.header.gillette-us .header-holder .menu>li>a{ color: #182f6e} header.header.gillette-us .header-holder .menu>li .dropbtn{ font-family: latobold, arial, sans-serif; font-size: 14px; line-height: 1; letter-spacing: normal; color: #182f6e; text-transform: uppercase; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid transparent; transition: border-color .1s; -webkit-box-pack: center; -webkit-box-align: center; -webkit-transition: border-color .1s} header.header.gillette-us .header-holder .menu>li.search>a{ position: relative} header.header.gillette-us .header-holder .menu>li.search>a .space{ width: 100%; bottom: -22px; left: 0; right: 0; background-color: #fff; z-index: 51; position: absolute; min-height: 25px} header.header.gillette-us .header-holder .menu>li.country{ width: 24px; height: 24px; margin: 0} header.header.gillette-us .header-holder .top-bar-center{ -ms-flex: 0 0 150px; flex: 0 0 150px; -webkit-box-flex: 0} header.header.gillette-us .header-holder .top-bar-center a{ display: inline-block; cursor: pointer; text-decoration: none; height: 40px} header.header.gillette-us .header-holder .top-bar-right{ -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; -webkit-box-flex: 0} header.header.gillette-us .header-holder .top-bar-right ul li a{ color: #182f6e} header.header.gillette-us .header-holder .top-bar-right ul li a .cart .countPill{ color: #182f6e !important} header.header.gillette-us .dropdown1 .dropbtn{ font-size: 16px; border: none; outline: 0; color: #fff; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; position: relative} header.header.gillette-us .droppedAccount{ position: relative} header.header.gillette-us .dropdown-content{ display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .25); z-index: 1; -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .25)} header.header.gillette-us .space{ display: none; position: absolute; min-height: 25px; background-color: #f9f9f9; z-index: 2} header.header.gillette-us .navPages-container{ display: none} #cart-preview-dropdown{ position: fixed !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25); right: -99999px; width: 100%; height: 100%; background-color: #f9f9f9; max-width: 375px; z-index: 9999; top: 0 !important; left: initial !important; transition: .3s; -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25); -webkit-transition: .3s} div[data-content-region="header_top--global"]{ font-family: Lato, Arial, "sans-serif"} div[data-content-region="header_top--global"] div[data-sub-layout]{ padding: 0} div[data-content-region="header_top--global"] .header-notification--promo{ opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized{ background-color: #2faae1; color: #0b1531; min-height: 50px; width: 100%; margin: 0 auto; position: initial; overflow: hidden; text-overflow: ellipsis; visibility: visible; opacity: 1} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-list{ margin: 0 50px} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-list .slick-track{ text-align: center; min-height: 40px; display: flex; -ms-flex-align: center; align-items: center} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-list .slick-track .container{ padding: 8px; width: 100%; min-width: unset} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global{ padding: 6px 0; font-size: 16px; text-align: center; font-style: normal; font-weight: 500; line-height: normal} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global a{ text-decoration: underline; color: inherit} @charset "UTF-8"; [href]:focus, [tabindex]:not([tabindex="-1"]):focus, button:focus, input:focus, select:focus{ outline: 2px solid #0f7fff; outline-offset: 1px !important} meta.foundation-mq-small{ font-family: "/only screen/"; width: 0} meta.foundation-mq-small-only{ width: 0} meta.foundation-mq-medium{ width: 551px} meta.foundation-mq-medium-only{ width: 551px} meta.foundation-mq-large{ width: 801px} meta.foundation-mq-large-only{ width: 801px} meta.foundation-mq-xlarge{ width: 1261px} meta.foundation-mq-xlarge-only{ width: 1261px} meta.foundation-mq-xxlarge{ width: 1681px} a:active, a:hover{ outline: 0} h1{ font-size: 28px; margin: .67em 0} hr{ -webkit-box-sizing: content-box; box-sizing: content-box; height: 1px; border: solid #e5e5e5; border-width: 1px 0 0; clear: both; margin: 7px 0; width: 350px; background-color: #5e5e5e} button, input[type=submit]{ -webkit-appearance: button; cursor: pointer} button::-moz-focus-inner, input::-moz-focus-inner{ border: 0; padding: 0} a:hover{ cursor: pointer} button:active, button:focus{ -webkit-box-shadow: none; box-shadow: none; outline: 0} select{ width: 100%} a:focus, a:hover{ color: #757575} h5{ font-size: 15px; text-transform: uppercase} ul ul{ margin-left: 1.2rem; margin-bottom: 0} ol{ margin-left: 1.15rem} .button:focus, .button:hover{ background-color: transparent; border-color: #999; color: #333} .button:active{ background-color: transparent; border: 1px solid #757575; color: #000} .button:focus{ outline: 0} .button--primary:focus, .button--primary:hover{ background-color: #666; border-color: #666; color: #fff} .button--primary:active{ background-color: #000; border: 1px solid #000; color: #fff} .button--small{ font-size: 13px; padding: .57143rem 1.5rem} .form-input:disabled{ background-color: #fff; color: #999; cursor: not-allowed} .form-input:focus{ border-color: #999; outline: 0} .form-input::-ms-clear{ height: 0; width: 0} .form-input::-moz-placeholder{ color: #999} .form-input:-ms-input-placeholder{ color: #999} .breadcrumbs{ display: block; list-style: none; margin-left: 0; overflow: hidden} .breadcrumb{ color: #757575; float: none; font-size: 13px; line-height: 1.5; margin: 0; display: inline-block; margin-right: .25rem} .breadcrumb a{ color: #757575} .breadcrumb:before{ color: #757575; content: "/"; margin: 0; position: relative; top: 1px} .breadcrumb:first-child:before{ content: " "; margin: 0} .breadcrumb::before{ margin: 0 .5rem} .breadcrumb-label{ cursor: pointer; text-decoration: none} .breadcrumb-label:hover{ color: #333; text-decoration: none} .breadcrumb.is-active>.breadcrumb-label{ color: #757575; cursor: pointer} .modal>:first-child{ margin-top: 0} .modal>:last-child{ margin-bottom: 0} .modal-close{ color: #757575; cursor: pointer; font-size: 26px; font-weight: 400; line-height: 2.28571rem; position: absolute; top: 1.05rem; right: .75rem; -webkit-transform: translateY(none); transform: translateY(none); height: 2.28571rem; width: 2.28571rem; padding: 0; text-align: center; text-decoration: none; z-index: 50} .loadingOverlay::before{ height: 2.85714rem; width: 2.85714rem; border-radius: 2.85714rem; border: solid 2px; border-color: #fff #fff #999 #999; content: ""; display: block; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: spin .5s infinite cubic-bezier(.69, .31, .56, .83); animation: spin .5s infinite cubic-bezier(.69, .31, .56, .83)} @-webkit-keyframes spin{ 0%{ -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0)} 100%{ -webkit-transform: translateY(-50%) rotate(360deg); transform: translateY(-50%) rotate(360deg)}} @keyframes spin{ 0%{ -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0)} 100%{ -webkit-transform: translateY(-50%) rotate(360deg); transform: translateY(-50%) rotate(360deg)}} .card-figcaption-button{ background-color: rgba(255, 255, 255, .9); color: #333; border: none; display: block; margin: .35714rem 0 0} .card-figcaption-button:hover{ background-color: #fff; color: #333} .slick-list:focus{ outline: 0} .modal-close::before{ border-color: transparent transparent #313440 transparent; border-style: solid; border-width: .71429rem; content: " "; position: absolute; right: 50%; top: 50%; -webkit-transform: translateX(50%); transform: translateX(50%)} .modal-close::after{ background-color: #313440; border-radius: .57143rem; color: #fff; content: attr(title); cursor: default; font-size: 1rem; padding: .28571rem .42857rem; position: absolute; right: 50%; top: 100%; white-space: nowrap; -webkit-transform: translateX(.71429rem); transform: translateX(.71429rem)} .modal-close::after, .modal-close::before{ display: none} .modal-close:focus::after, .modal-close:focus::before{ display: block} .modal-close:hover{ color: #999} .modal--alert .alert-icon{ border: .25em solid transparent; border-radius: 50%; -webkit-box-sizing: content-box; box-sizing: content-box; cursor: default; display: flex; font-family: inherit; height: 5em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 5em; margin: 1.25em auto 1.875em; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 5em} .modal--alert .error-icon{ -webkit-animation: animate-icon .5s; animation: animate-icon .5s; border-color: #f27474; color: #f27474} .modal--alert .error-icon .icon-content{ -webkit-animation: animate-icon-content .5s; animation: animate-icon-content .5s; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative} .modal--alert .error-icon .icon-content .line{ background-color: #f27474; border-radius: .125em; display: block; height: .3125em; position: absolute; top: 2.3125em; width: 2.9375em} .modal--alert .error-icon .icon-content .line-left{ left: 1.0625em; -webkit-transform: rotate(45deg); transform: rotate(45deg)} .modal--alert .error-icon .icon-content .line-right{ right: 1em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg)} .modal--alert .warning-icon{ -webkit-animation: animate-icon .5s; animation: animate-icon .5s; border-color: #facea8; color: #f8bb86} .modal--alert .warning-icon .icon-content{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-animation: animate-icon-content .5s; animation: animate-icon-content .5s; display: flex; font-size: 3.75em} .modal--alert .modal-content{ color: #333; font-size: 1.14286rem} .modal--alert .button-container{ margin: 25px 0 0} .modal--alert .button-container .confirm{ background-color: #444; border-color: #444; color: #fff} .modal--alert .button-container .confirm:focus, .modal--alert .button-container .confirm:hover{ background-color: #666; border-color: #666; color: #fff} .modal--alert .button-container .confirm:active{ background-color: #000; border-color: #000; color: #fff} @-webkit-keyframes animate-icon{ 0%{ opacity: 0; -webkit-transform: rotateX(100deg); transform: rotateX(100deg)} 100%{ opacity: 1; -webkit-transform: rotateX(0); transform: rotateX(0)}} @keyframes animate-icon{ 0%{ opacity: 0; -webkit-transform: rotateX(100deg); transform: rotateX(100deg)} 100%{ opacity: 1; -webkit-transform: rotateX(0); transform: rotateX(0)}} @-webkit-keyframes animate-icon-content{ 0%{ margin-top: 1.625em; opacity: 0; -webkit-transform: scale(.4); transform: scale(.4)} 50%{ margin-top: 1.625em; opacity: 0; -webkit-transform: scale(.4); transform: scale(.4)} 80%{ margin-top: -.375em; -webkit-transform: scale(1.15); transform: scale(1.15)} 100%{ margin-top: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1)}} @keyframes animate-icon-content{ 0%{ margin-top: 1.625em; opacity: 0; -webkit-transform: scale(.4); transform: scale(.4)} 50%{ margin-top: 1.625em; opacity: 0; -webkit-transform: scale(.4); transform: scale(.4)} 80%{ margin-top: -.375em; -webkit-transform: scale(1.15); transform: scale(1.15)} 100%{ margin-top: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1)}} ol.breadcrumbs{ display: block !important; font-size: 0; overflow: visible; text-align: left; max-width: 1180px; margin: 30px auto 0} .breadcrumb:not(:first-child)::before{ content: ">"; display: inline-block; height: .8em; margin: 0 .25rem} .button+.button{ margin-left: 0} .card-figcaption-button:active{ background-color: #fff; border: none} .navUser-action:hover{ color: #757575} .navUser-action:hover svg{ fill: #757575; stroke: #757575} .navPages{ background-color: #e5e5e5; height: 100%; overflow-y: auto; padding: 1.5rem} .navPages ul{ list-style: none} .navPages-list{ margin: 0; margin-bottom: 50px} hr.mobileMenu{ margin: 0 auto; height: 2px; border: none; background-color: #d2d3d4; margin-top: 8px; width: calc(100% - 40px)} .navPages-action{ color: #333; display: block; font-size: 15px; font-weight: 700; padding: .78571rem 0; text-decoration: none; text-transform: uppercase} .navPages-action:hover{ color: #757575} .navPages-action:hover svg{ fill: #757575; stroke: #757575} .navPages-action svg{ fill: #333333; stroke: #333333; -webkit-transition: all .15s ease; transition: all .15s ease} .navPages-quickSearch{ border-bottom: 1px solid #e5e5e5; margin-bottom: .78571rem} .navPages-quickSearch>.container{ padding: 0} .navPages-quickSearch .form{ margin: 0} .navPages-quickSearch .form-field{ margin-bottom: 0} .account-list{ list-style: none; margin-left: 0} .mobileMenu-toggle{ height: 3.92857rem; width: 3.92857rem; display: inline-block; font-size: 0; left: 0; overflow: hidden; padding: 0 1.28571rem; position: absolute; z-index: 50} .mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::after, .mobileMenu-toggle .mobileMenu-toggleIcon::before{ background: #444; content: ""; display: block; height: 2px; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: top .1s ease-in 150ms, bottom .1s ease-in 150ms, -webkit-transform .1s ease-in; transition: transform .1s ease-in, top .1s ease-in 150ms, bottom .1s ease-in 150ms, -webkit-transform .1s ease-in; width: 1.42857rem} .mobileMenu-toggle .mobileMenu-toggleIcon{ top: 1.92857rem; -webkit-transition: background-color 10ms ease-in .1s; transition: background-color 10ms ease-in .1s} .mobileMenu-toggle .mobileMenu-toggleIcon::before{ top: -.5rem} .mobileMenu-toggle .mobileMenu-toggleIcon::after{ bottom: -.5rem} .product{ overflow: hidden} .account{ margin-bottom: 1.5rem} .footer.footer-gilletteUs .container-gilletteUs .footer-notice{ width: 100%; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 56px} .footer.footer-gilletteUs .container-gilletteUs .footer-notice h5{ margin-top: 0; color: #fff; text-transform: none; font-family: latobold, sans-serif; font-size: 14px; line-height: 22px} .footer.footer-gilletteUs .navigation-wrap .navigation-col ul li a:hover{ color: #fff} .footer.footer-gilletteUs .footer-subscription .footer-subscribe-button:focus{ outline: -webkit-focus-ring-color auto 1px; outline-offset: 1px} .promo-banner p{ color: #fff; font-size: 16px; line-height: 22px; text-align: center; margin: 0} header.header.gillette-us .header-holder .searchIconToggle{ margin-left: 10px} header.header.gillette-us .header-holder .search-mobile-new{ display: none} header.header.gillette-us .header-holder .menu.medium-horizontal>li{ margin-right: 33px} header.header.gillette-us .header-holder .top-bar-right .menu.medium-horizontal>li{ margin-right: 36px} header.header.gillette-us .searchBar{ width: 100%; height: 44px; background-color: #efefef; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .5s; transition: all .5s; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 115px; right: 0} header.header.gillette-us .searchBar .closeSearchBar{ width: 24px; height: 24px; margin: 10px; display: block} header.header.gillette-us .searchBar form{ display: flex; width: 100%} header.header.gillette-us .searchBar form .searchInput{ height: 44px; width: 100%; border: none; padding: 10px} header.header.gillette-us .searchBar form .searchSubmit{ width: 44px; height: 44px; background-color: #182f6e} header.header.gillette-us .bottom-nav{ display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; background-color: #efefef; position: absolute; bottom: 0; left: 0; right: 0; width: 100%} header.header.gillette-us .bottom-nav svg{ stroke: none; width: 28px; height: 28px} header.header.gillette-us .bottom-nav .account, header.header.gillette-us .bottom-nav .mSearch{ margin: 0} header.header.gillette-us .bottom-nav .account a.navPages-action, header.header.gillette-us .bottom-nav .mSearch a.navPages-action{ display: inline-block; padding: 15px 25px; text-transform: capitalize; font-family: latobold, arial, sans-serif; font-size: 18px; line-height: 1; letter-spacing: normal; color: #808285} header.header.gillette-us .bottom-nav .account span, header.header.gillette-us .bottom-nav .mSearch span{ vertical-align: super} header.header.gillette-us .bottom-nav .mSearch .show{ display: inline} @-webkit-keyframes fadeInUp20{ 0%{ -webkit-transform: translate3d(0, 25px, 0); opacity: 0; transform: translate3d(0, 25px, 0)} to{ -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0)}} @-webkit-keyframes rotateArrowUp{ 0%{ -webkit-transform: rotate(90deg); transform: rotate(90deg)} to{ -webkit-transform: rotate(270deg); transform: rotate(270deg)}} @-webkit-keyframes rotateArrowDown{ 0%{ -webkit-transform: rotate(270deg); transform: rotate(270deg)} to{ -webkit-transform: rotate(90deg); transform: rotate(90deg)}} @-webkit-keyframes rotateArrowRight{ 0%{ -webkit-transform: rotate(0); transform: rotate(0)} to{ -webkit-transform: rotate(90deg); transform: rotate(90deg)}} @-webkit-keyframes rotateArrowRightDown{ 0%{ -webkit-transform: rotate(90deg); transform: rotate(90deg)} to{ -webkit-transform: rotate(0); transform: rotate(0)}} a.skip-main:active, a.skip-main:focus{ color: #fff; background-color: #182f6e; left: auto; top: auto; width: 15%; height: auto; overflow: auto; margin: 6% 8%; padding: 13px; border-radius: 15px; text-align: center; font-size: 14px; z-index: 999; font-family: latobold, arial, sans-serif} @-webkit-keyframes fadeIn{ from{ opacity: 0} to{ opacity: 1}} ol.breadcrumbs .breadcrumb{ font-size: 12px} ol.breadcrumbs .breadcrumb:before{ font-size: 12px} .cat-breadcrumb ol.breadcrumbs{ margin: 10px auto 10px; max-width: 1300px; padding-left: 1rem; padding-right: 1rem} .cat-breadcrumb ol.breadcrumbs .breadcrumb{ font-size: 12px} .cat-breadcrumb+.featureCategoryProducts{ padding-top: 0 !important} .redesignCategory .bckg.razors-trimmers{ background-color: #eff0f6} .redesignCategory .bckg.razors-trimmers .bckgNew{ background: 0 0} .redesignCategory .featureCategoryProducts .categories-products-list .productView-rating{ padding-top: 8px} .redesignCategory .featureCategoryProducts .product-list-sorting .select-items div{ cursor: pointer; font-size: 16px; line-height: 24px; color: #5e5e5e} .redesignCategory .featureCategoryProducts .product-list-sorting .select-items div.same-as-selected{ color: #00aeef} .redesignCategory .featureCategoryProducts .product-list-sorting .select-items div:not(:last-child){ margin-bottom: 20px} .redesignCategory .featureCategoryProducts .product-list-sorting .select-items div:hover{ color: #00aeef} .redesignCategory .featureCategoryProducts .product>div .additionalInfoLineOnPLP{ position: absolute; top: 45%; font-family: latoitalic, arial, "sans-serif"; font-size: 12px; line-height: 15px; color: #5e5e5e; margin-bottom: 3px} .redesignCategory .featureCategoryProducts .product>div .after-product-img{ background-color: #fafafa; width: 227px; padding: 1px 16px; position: relative; height: 250px} .redesignCategory .featureCategoryProducts .product>div .price .new-price{ display: flex; gap: 7px} .redesignCategory .featureCategoryProducts .product>div .price .new-price .previous-price{ margin-top: 1px; color: var(--text-primary, #001e60); font-size: 14px; font-style: normal; font-weight: 400; text-decoration: line-through} .redesignCategory .featureCategoryProducts .product>div .price .new-price .now{ font-size: 16px; letter-spacing: normal; color: #001e60; font-weight: 700; line-height: 24px; margin-right: 0} .redesignCategory .featureCategoryProducts .product>div .price .new-price .discount-percentage{ display: flex; padding: var(--Spacing-sapcing-none, 0) var(--Spacing-sapcing-2, 8px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; background: var(--surface-positive, #2b8118)} .redesignCategory .featureCategoryProducts .product>div .price .new-price .discount-percentage span{ color: var(--text-invert, #fff); font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px} @-webkit-keyframes fadeEffect{ from{ opacity: 0} to{ opacity: 1}} @-webkit-keyframes zoom{ from{ -webkit-transform: scale(0)} to{ -webkit-transform: scale(1)}} .hide{ display: none !important} @-webkit-keyframes flickerAnimation{ 0%{ opacity: 1} 50%{ opacity: .5} 100%{ opacity: 1}} @-webkit-keyframes lds-roller{ 0%{ -webkit-transform: rotate(0); transform: rotate(0)} 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg)}} @-webkit-keyframes HideList{ from{ -webkit-transform: scaleY(1); transform: scaleY(1)} to{ -webkit-transform: scaleY(0); transform: scaleY(0)}} @-webkit-keyframes fade{ from{ opacity: .8} to{ opacity: 1}} @-webkit-keyframes animate-up{ 0%{ opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px)} 35%{ opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px)} 100%{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0)}} .redesignCategory .hidden-for-correct-size{ visibility: hidden} div[data-content-region=header_top--global]{ font-family: Lato, Arial, 'sans-serif'} div[data-content-region=header_top--global] div[data-sub-layout]{ padding: 0} div[data-content-region=header_top--global] .header-notification--promo{ opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease} div[data-content-region=header_top--global] .header-notification--promo.slick-initialized{ background-color: #2faae1; color: #0b1531; min-height: 50px; width: 100%; margin: 0 auto; position: initial; overflow: hidden; text-overflow: ellipsis; visibility: visible; opacity: 1} div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list{ margin: 0 50px} div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track{ text-align: center; min-height: 40px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track .container{ padding: 8px; width: 100% !important; min-width: unset} div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global{ padding: 6px 0; font-size: 16px; text-align: center; font-style: normal; font-weight: 500; line-height: normal} div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global a{ text-decoration: underline; color: inherit} @-webkit-keyframes shg-sld-fade{ from{ opacity: .4} to{ opacity: 1}} .async-hide{ opacity: 0 !important} [data-sub-layout-container="9aeb3499-b253-4fe2-af66-a0d6aebd171a"]{ box-sizing: border-box; display: flex; flex-wrap: wrap; z-index: 0; position: relative} [data-sub-layout-container="9aeb3499-b253-4fe2-af66-a0d6aebd171a"]:after{ background-position: center center; background-size: cover; z-index: auto; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0} [data-sub-layout="0b50fc4a-c30c-44d3-85d4-2d1e60cafc60"]{ display: flex; flex-direction: column; box-sizing: border-box; flex-basis: 100%; max-width: 100%; z-index: 0; justify-content: center; padding-right: 10.5px; padding-left: 10.5px; position: relative} [data-sub-layout="0b50fc4a-c30c-44d3-85d4-2d1e60cafc60"]:after{ background-position: center center; background-size: cover; z-index: auto; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0} [data-sub-layout-container="ece2d9c8-f072-4a42-8cce-f605e1e31129"]{ box-sizing: border-box; display: flex; flex-wrap: wrap; z-index: 0; position: relative} [data-sub-layout-container="ece2d9c8-f072-4a42-8cce-f605e1e31129"]:after{ background-position: center center; background-size: cover; z-index: auto; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0} [data-sub-layout="83381885-a7bd-4757-b2c6-d1d409258da8"]{ display: flex; flex-direction: column; box-sizing: border-box; flex-basis: 100%; max-width: 100%; z-index: 0; justify-content: center; padding-right: 10.5px; padding-left: 10.5px; position: relative} [data-sub-layout="83381885-a7bd-4757-b2c6-d1d409258da8"]:after{ background-position: center center; background-size: cover; z-index: auto; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0} .st0{ fill: #ffffff} .st1{ fill: #ffffff} @media (min-width:801px){ .header{ overflow: visible; position: relative}} @media screen and (min-width:40em){ header.header.gillette-us .header-holder .top-bar-left{ -ms-flex: 0 0 auto; flex: 0 0 auto} header.header.gillette-us .header-holder .top-bar-left ul .first-nav-button{ margin-right: 12px}} @media screen and (min-width:1080px){ header.header.gillette-us .header-holder .top-bar-center{ transform: translate(-55%, 0)} header.header.gillette-us .header-holder .top-bar-center a img{ max-width: 150px}} @media screen and (min-width:801px){ header.header.gillette-us .dropdown-content.dropAccount{ max-width: 222px; left: 50%; right: initial; min-height: initial; top: 70px; transform: translateX(-50%)}} @media (max-width:1600px) and (min-width:801px){ div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global{ font-size: 14px; line-height: 25px}} @media (min-width:551px){ html{ font-size: 14px} .modal{ left: 0; margin: 0 auto; max-width: 80%; right: 0; width: 900px; top: 50%; transform: translateY(-50%)} .dropdown--quickSearch{ padding: 3rem} .footer-copyright{ text-align: left}} @media (min-width:801px){ html{ font-size: 14px} .navPages-container{ background: 0 0; display: block; height: auto; padding: 0; position: relative} .cart{ display: table} .quickSearchResults{ margin-top: 0} .body{ margin-top: 2.5rem}} @media (min-width:1261px){ html{ font-size: 14px} .form-prefixPostfix-button--postfix{ margin: 0 0 0 .78571rem; -ms-flex-order: 0; order: 0} .container{ padding: 0 6rem}} @media (min-width:551px){ html{ font-size: 14px}} @media (min-width:801px){ html{ font-size: 14px}} @media (min-width:1261px){ html{ font-size: 14px}} @media (min-width:481px){ .button+.button{ margin-left: .78571rem}} @media (min-width:481px){ .breadcrumb::before{ margin: 0 .5rem}} @media only screen and (max-width:551px){ .modal{ min-height: 100vh}} @media only screen and (min-width:551px){ .modal{ left: 0; margin: 0 auto; max-width: 80%; right: 0; width: 900px}} @media only screen and (min-width:551px){ .modal{ top: 50% !important}} @media (min-width:551px){ .modal{ -webkit-transform: translateY(-50%); transform: translateY(-50%)}} @media print{ .modal{ background: #fff !important; display: none}} @media screen and (max-width:1030px){ body{ padding-top: 44px}} @media (min-width:801px){ .modal-close{ font-size: 32px}} @media (min-width:551px){ ol.breadcrumbs{ display: block}} @media (min-width:801px){ .button+.button{ margin-left: .78571rem}} @media (min-width:1261px){ .form-prefixPostfix-button--postfix{ margin: 0 0 0 .78571rem; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0}} @media (max-width:551px){ .navUser-item--cart__hidden-s{ display: none}} @media (min-width:551px){ .dropdown--quickSearch{ padding: 3rem}} @media (min-width:801px){ .navPages-container{ background: 0 0; display: block; height: auto; padding: 0; position: relative}} @media (min-width:801px){ .navPages{ margin: 0 auto; max-width: 85.71429rem; width: 100%; background: 0 0; font-size: 0; overflow-y: visible; padding: 0; text-align: center} .navPages:after, .navPages:before{ content: " "; display: table} .navPages:after{ clear: both} .navPages ul{ list-style: none; margin-left: 0; margin: 0; padding: 0} .navPages ul ul{ list-style: none; margin-bottom: 0} .navPages ul li{ margin: 0; padding: 0}} @media (min-width:801px) and (min-width:551px){ .navPages-item{ float: left}} @media (min-width:801px){ .navPages-action, .navPages-item{ display: block}} @media (min-width:801px){ .navPages-list{ display: inline-block; float: none}} @media screen and (min-width:946px){ hr.mobileMenu{ display: none !important}} @media (min-width:801px){ .navPages-action{ display: inline-block; padding: .78571rem 1.14286rem 1.14286rem}} @media (min-width:801px){ .navPages-quickSearch{ display: none}} @media screen and (max-width:800px){ hr{ width: 90%; margin: 13px auto}} @media (min-width:801px){ .cart{ display: table}} @media (min-width:801px){ .quickSearchResults{ margin-top: 0}} @media (min-width:801px){ .header{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; overflow: visible; position: relative}} @media (min-width:801px){ .mobileMenu-toggle{ display: none}} @media (min-width:801px){ .body{ margin-top: 2.5rem}} @media (min-width:551px){ .footer-copyright{ text-align: left}} @media (min-width:1261px){ .container{ padding: 0 6rem}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .footer-wrap{ padding: 48px 0 56px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .container-gilletteUs{ padding: 0 24px}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .container-gilletteUs .left{ width: 100%; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .container-gilletteUs .right{ width: 100%}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .container-gilletteUs .right .footer-socials-wrap .smartlabel{ width: 100%}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .navigation-wrap .navigation{ -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 48px}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .navigation-wrap .navigation-col{ width: 40%}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .navigation-wrap .navigation-col:last-child{ width: 100%}} @media screen and (max-width:600px){ .footer.footer-gilletteUs .navigation-wrap .navigation-col h4{ width: 100%}} @media screen and (max-width:600px){ .footer.footer-gilletteUs .navigation-wrap .navigation-col-wrap{ width: 100%}} @media screen and (max-width:600px){ .footer.footer-gilletteUs .navigation-wrap .navigation-col-wrap ul:not(:last-child){ width: 50%; margin-right: 0}} @media screen and (max-width:1030px){ .promo-banner{ padding: 12px}} @media screen and (max-width:800px){ .promo-banner p{ font-size: 14px; line-height: 20px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder{ padding: 0; height: 100%; background: #fff}} @media screen and (min-width:1030px){ header.header.gillette-us .header-holder .searchIconToggle{ display: none}} @media screen and (min-width:40em){ header.header.gillette-us .header-holder .top-bar-left{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto} header.header.gillette-us .header-holder .top-bar-left ul .first-nav-button{ margin-right: 12px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-left{ display: none}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .menu>li>a svg, header.header.gillette-us .header-holder .menu>li>div svg{ width: 20px; height: 20px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .menu>li>a .cart .quantity{ font-size: 12px; top: 0; left: 0}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .menu>li.accountNav, header.header.gillette-us .header-holder .menu>li.search{ display: none} header.header.gillette-us .header-holder .menu>li>a{ padding: 1rem 5px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .menu>li.country{ margin: 14px 0}} @media screen and (min-width:1080px){ header.header.gillette-us .header-holder .top-bar-center{ -webkit-transform: translate(-77%, 0); transform: translate(-77%, 0)} header.header.gillette-us .header-holder .top-bar-center a img{ width: 142px; max-height: 36px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-center a img{ width: 96px; height: 24px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-center{ -webkit-box-flex: 1; -ms-flex: 1 0 100px; flex: 1 0 100px; -webkit-transform: translate(14px, 0); transform: translate(14px, 0)}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-right .menu.medium-horizontal>li{ margin-right: 23px} header.header.gillette-us .header-holder .top-bar-right .menu.medium-horizontal>li:last-child{ margin-right: 18px; margin-left: 5px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-right{ position: relative; top: -5px} header.header.gillette-us .header-holder .mobileMenu-toggle{ position: static; width: 30px; max-height: 35px; display: block; padding: 0} header.header.gillette-us .header-holder .mobileMenu-toggle span{ padding: 0 5px} header.header.gillette-us .header-holder .mobileMenu-toggle .mobileMenu-toggleIcon, header.header.gillette-us .header-holder .mobileMenu-toggle .mobileMenu-toggleIcon:after, header.header.gillette-us .header-holder .mobileMenu-toggle .mobileMenu-toggleIcon:before{ background: 0 0} header.header.gillette-us .header-holder .mobileMenu-toggle .mobileMenu-toggleIcon{ background: url(https://cdn11.bigcommerce.com/s-dukhrgn8mp/content/img/icons/ic-new-menu.svg) center/contain no-repeat; width: 20px; height: 20px; top: 9px}} @media screen and (max-width:1030px){ header.header.gillette-us{ padding: 0 !important; background-color: #f9f9f9; position: fixed; height: 60px} header.header.gillette-us.plp-custom-header{ background-image: linear-gradient(90deg, #eff0f6, #d1d3d4)} header.header.gillette-us .header-holder{ padding: 11px 17px 0 24px} header.header.gillette-us .header-holder .togglers-left{ display: flex} header.header.gillette-us .header-holder .search-mobile-new{ display: inline-block}} @media screen and (min-width:1030px){ header.header.gillette-us .searchBar{ display: none}} @media screen and (min-width:801px){ header.header.gillette-us .dropdown-content.dropAccount{ max-width: 222px !important; left: 50% !important; right: initial !important; min-height: initial !important; top: 70px !important; -webkit-transform: translateX(-50%); transform: translateX(-50%)} header.header.gillette-us .dropdown-content.dropAccount .full{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 !important} header.header.gillette-us .dropdown-content.dropAccount .full>a{ border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 30px 0; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none} header.header.gillette-us .dropdown-content.dropAccount .full>a span{ text-transform: uppercase; font-family: latobold, arial, 'sans-serif'}} @media screen and (max-width:800px){ .container{ padding: 0}} @media screen and (max-width:800px){ ol.breadcrumbs{ margin: 30px auto 0; text-align: center}} @media screen and (max-width:800px){ .cat-breadcrumb ol.breadcrumbs{ margin: 10px auto 10px; text-align: center}} @media screen and (max-width:945px){ .redesignCategory{ padding-top: 15px}} @media only screen and (max-width:910px){ .redesignCategory .bckg{ height: initial}} @media only screen and (max-width:910px){ .redesignCategory .bckg .bckgNew{ height: 160px}} @media screen and (max-width:910px){ .redesignCategory .bckg .bckgNew img{ display: none}} @media screen and (max-width:910px){ .redesignCategory .bckg.razors-trimmers{ background: 0 0}} @media only screen and (max-width:910px){ .redesignCategory .bckg .text{ padding: 0; height: initial}} @media only screen and (max-width:910px){ .redesignCategory .bckg .text .sub-title{ background-image: linear-gradient(90deg, #eff0f6, #d1d3d4); max-width: 100%; width: 100%; margin: 0; text-align: center; padding: 12px 25px 12px; font-size: 24px; line-height: 28px}} @media only screen and (max-width:910px){ .redesignCategory .bckg .text .title{ background-color: #fff; max-width: 100%; width: 100%; margin: 0; text-align: center; font-size: 16px; line-height: 24px; color: #5e5e5e; padding: 20px 35px 10px}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts{ grid-template-columns: 1fr; padding-bottom: 0; padding: 0 20px}} @media only screen and (max-width:800px){ .redesignCategory .featureCategoryProducts{ padding: 40px 25px 80px}} @media only screen and (max-width:470px){ .redesignCategory .featureCategoryProducts{ padding: 60px 22px 80px}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .categories-sidebar{ display: none !important}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .categories-products-list{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}} @media only screen and (max-width:1200px){ .redesignCategory .featureCategoryProducts .categories-products-list-top{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .categories-products-list-top{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-bottom: none; margin-bottom: 40px}} @media only screen and (max-width:600px){ .redesignCategory .featureCategoryProducts .categories-products-list-top{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 40px} .redesignCategory .featureCategoryProducts .categories-products-list-top .product-list-sorting{ width: 100%; margin-top: 20px; margin-bottom: 0}} @media only screen and (max-width:1200px){ .redesignCategory .featureCategoryProducts .child-categories-list{ margin-bottom: 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .child-categories-list{ display: none}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .product-list-sorting{ border: 1px solid #5e5e5e; padding: 15px 20px} .redesignCategory .featureCategoryProducts .product-list-sorting:not(:last-child){ margin-right: 20px}} @media only screen and (max-width:470px){ .redesignCategory .featureCategoryProducts .product-list-sorting{ width: 90%; margin: 40px auto}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .product-list-sorting .select-selected{ padding: 0}} @media screen and (max-width:470px){ .redesignCategory .featureCategoryProducts .product-list-sorting .select-selected{ text-align: center; padding-right: 16px}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .product-list-sorting .select-selected::after{ top: 50%}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .product-list-sorting .select-items{ width: calc(100% + 2px); right: -1px}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .product>div{ width: 186px; margin-right: 0}} @media only screen and (max-width:450px){ .redesignCategory .featureCategoryProducts .product>div{ width: 164px; margin-right: 0}} @media only screen and (max-width:408px){ .redesignCategory .featureCategoryProducts .product>div{ width: 150px; margin-right: 0}} @media only screen and (max-width:391px){ .redesignCategory .featureCategoryProducts .product>div{ width: 153px; margin-right: 0}} @media only screen and (max-width:386px){ .redesignCategory .featureCategoryProducts .product>div{ width: 143px; margin-right: 0}} @media only screen and (max-width:376px){ .redesignCategory .featureCategoryProducts .product>div{ width: 145px; margin-right: 0}} @media only screen and (max-width:360px){ .redesignCategory .featureCategoryProducts .product>div{ width: 138px; margin-right: 0}} @media only screen and (max-width:353px){ .redesignCategory .featureCategoryProducts .product>div{ width: 135px; margin-right: 0}} @media screen and (min-width:946px){ .redesignCategory .featureCategoryProducts .product>div:hover .image .img-default{ display: none} .redesignCategory .featureCategoryProducts .product>div:hover .image .img-hover{ display: block} .redesignCategory .featureCategoryProducts .product>div:hover .image .button{ opacity: 1}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .product>div .additionalInfoLineOnPLP{ top: 42%}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .product>div .image{ height: 150px; width: 100%}} @media screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .product>div .image .button{ display: none !important}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .product>div .after-product-img{ width: auto; height: 290px}} @media only screen and (max-width:450px){ .redesignCategory .featureCategoryProducts .product>div .after-product-img{ width: 100%; height: 290px}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .product>div .name{ top: 12%}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .product>div .price{ top: 56%}} @media only screen and (max-width:450px){ .redesignCategory .featureCategoryProducts .product>div .price .new-price .discount-percentage{ padding: var(--Spacing-sapcing-none, 0) var(--Spacing-sapcing-2, 3px)}} @media only screen and (max-width:450px){ .redesignCategory .featureCategoryProducts .product>div .price .new-price .discount-percentage span{ min-width: 52px}} @media only screen and (max-width:910px){ .redesignCategory .featureCategoryProducts .product>div .price .new-price{ display: contents}} @media (max-width:946px){ html{ --header-height: 73px}} @media (max-width:480px){ div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list{ margin: 0 15px}} @media (max-width:1024px){ div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list{ margin: 0 40px; overflow: hidden}} @media (max-width:480px){ div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track .container{ padding: 8px 30px}} @media (max-width:1024px){ div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global{ font-size: 12px}} @media (max-width:1600px) and (min-width:801px){ div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global{ font-size: 14px; line-height: 25px}} @media only screen and (max-width:700px){ [data-sub-layout="0b50fc4a-c30c-44d3-85d4-2d1e60cafc60"]{ flex-basis: 100%; max-width: 100%}} @media only screen and (max-width:700px){ [data-sub-layout="83381885-a7bd-4757-b2c6-d1d409258da8"]{ flex-basis: 100%; max-width: 100%}}