.page-id-33087 header.main-header .container { max-width: 1040px !important; padding: 0;} .page-id-33087.category-active header.main-header .container { max-width: 1312px !important;} #category-configurator .product-card h4 {font-size: 16px;line-height: 130%;font-weight: 500;color: #393C41; margin-top: 24px; margin-bottom: -6px;} #category-configurator .quantity-plus, .quantity-minus {width: 26px;height: 28px; font-size: 14px; line-height: 120%; font-weight: 500; color: #ffffff !important; background-color: #33bdfa !important; padding: 0 !important;} #category-configurator button.quantity-minus {border-radius: 40px 0 0 40px;margin-right: 0.9px; font-size:14px;} #category-configurator button.quantity-plus {border-radius: 0 40px 40px 0;margin-left: 0.9px; font-size:14px;} #category-configurator input.qty-input { background: #00ADF9; width: 30px; height: 28px; font-size: 12px !important; font-weight: 600; color: #ffffff; border: none;} #category-configurator .new-input-field {text-align: center;-moz-appearance: textfield; } #category-configurator .new-input-field::-webkit-inner-spin-button,.new-input-field::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;} #category-configurator .quantity-control {display: none;} #category-configurator .product-card.selected .select-product {display: none;} #category-configurator .product-card.selected .quantity-control {display: flex;} #category-configurator .product-card.selected .ta-bort-text {display: block !important;} #category-configurator .ta-bort-text {margin-top: 20px;font-size: 11.2px;text-align: center;text-decoration: underline;color: #5C5E62;font-weight: 400;line-height: 120%;} #category-configurator .product-card{height:350px;} #category-configurator .product-card.selected {height: 376px;} #category-configurator {font-family: 'Inter';margin: 0 auto; text-align: center;box-sizing: border-box;} #start-category-step.config-step.active, #product-step.config-step.active {display: block;width: 1040px;margin: 0 auto;} #category-configurator .category-step.active {display: block;width: 1312px;margin: 0 auto;} #category-configurator .category-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 25px; margin: 30px auto; justify-items: center; width: 100%;box-sizing: border-box;} #category-configurator .category-card img{width:246px; height:246px;} #category-configurator .cat-info h3 {font-size: 14px;font-weight: 600 !important;line-height: 150%;text-align: center; font-family:Inter; margin: -8px 0 4px;} #category-configurator .category-card {height: 392px; } #category-configurator .customnote {margin: 6px auto 14px !important;} #category-configurator button.blu-btn-css{font-family: inter !important;width: 288px ;height: 48px !important;font-size: 14px ;font-weight: 400 !important;line-height: 30px !important;padding: 8px 16px !important;border-radius: 100px !important;align-items: center; background: #0095f6; color:#fff;} #category-configurator button.clr-btn-css{font-family: inter !important; width: 288px ; height: 48px !important; font-size: 14px !important; font-weight: 400 !important; line-height: 30px !important; padding: 8px 16px !important; border-radius: 100px !important; align-items: center; background: transparent !important;color: #9C9DA0 !important; border: 1px solid #9C9DA0 !important; box-shadow: none !important; } #category-configurator span.parent-name { font-size: 14px;font-weight: 600 !important;line-height: 150%;text-align: center;color: #393C41;} #category-configurator .cat-info p { margin-bottom: 13px; font-size: 14px; font-weight: 400; line-height: 130%; color: #393C41;} .check-icon-ps{display:none; width: 12px;height: 12px;} #category-configurator div#cat-46 .product-card, #category-configurator div#cat-48 .product-card, #category-configurator div#cat-49 .product-card {height: 310px !important;} #category-configurator div#cat-46 .product-card.selected, #category-configurator div#cat-48 .product-card.selected, #category-configurator div#cat-49 .product-card.selected {height: 346px !important;} #category-configurator div#cat-46 .product-card button.select-product, #category-configurator div#cat-48 .product-card button.select-product, #category-configurator div#cat-49 .product-card button.select-product {margin-top: 18px;} #category-configurator .catdesc-toothbrushes {height: 18px;} #category-configurator .productmain-price {font-size: 12px; line-height: 150%; font-weight: 400; color: #5C5E62; margin-top: 4px;} #category-configurator .progress-container {background: #C2EBFE;} #category-configurator .bar-labels label {font-size: 12px;font-weight: 400;line-height: 130%;text-align: center;margin-top: 0px;} div#category-configurator {margin-top: -40px;} #category-configurator .pt-90.pb-90 { margin-top: 40px;} #category-step h2 , #category-step p { text-align: left;} #category-configurator p.product-price { text-align: center !important;} #category-configurator h2.cat-head-ft { font-size: 16px !important; font-weight:600; color:#171A20 !important; padding-top: 40px;} #category-configurator p.cat-para-ft { font-size: 14px !important; color: #393C41 !important; width:49%; padding-bottom: 10px; margin:0px;} .page-id-33087 footer.main-footer-new {display: none;} #category-configurator div#subscription-step {width: 1062px;margin: auto;} #category-configurator div#subscription-step .step-title { display: block !important; font-size: 16px; font-weight: 600; line-height: 120%; text-align: left; padding: 0px; margin-bottom: 8px !important; margin-top: 24px !important; font-family: "Inter", serif !important; color: #171A20; letter-spacing: 0px !important;} #category-configurator div#subscription-step .step-intro { font-size: 14px !important;font-weight: 400 !important; line-height: 150% !important; padding-bottom: 16px !important; color: #393C41 !important; font-family: 'Inter' !important; text-align: left;} #category-configurator div#subscription-step .subscription-options { max-width: 1062px; margin: 0 auto;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] #cat-49 .product-card, #category-configurator[data-startcat="adult-manual-toothbrushes"] #cat-48 .product-card , #category-configurator[data-startcat="oral-b-kids"] #cat-46 .product-card{ height: 310px !important;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] #cat-49 .product-card.selected, #category-configurator[data-startcat="adult-manual-toothbrushes"] #cat-48 .product-card.selected, #category-configurator[data-startcat="oral-b-kids"] #cat-46 .product-card.selected{height: 346px !important;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] #cat-49 .product-card button.select-product, #category-configurator[data-startcat="adult-manual-toothbrushes"] #cat-48 .product-card button.select-product, #category-configurator[data-startcat="oral-b-kids"] #cat-46 .product-card button.select-product {margin-top: 18px;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] .childrens-manual-toothbrushes .product-card, #category-configurator[data-startcat="adult-manual-toothbrushes"] .adult-manual-toothbrushes .product-card , #category-configurator[data-startcat="oral-b-kids"] .oral-b-kids .product-card{ height: 310px !important;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] .childrens-manual-toothbrushes .product-card.selected, #category-configurator[data-startcat="adult-manual-toothbrushes"] .adult-manual-toothbrushes .product-card.selected, #category-configurator[data-startcat="oral-b-kids"] .oral-b-kids .product-card.selected{height: 346px !important;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] .childrens-manual-toothbrushes .product-card button.select-product, #category-configurator[data-startcat="adult-manual-toothbrushes"] .adult-manual-toothbrushes .product-card button.select-product, #category-configurator[data-startcat="oral-b-kids"] .oral-b-kids .product-card button.select-product {margin-top: 18px;} #category-configurator ul.extra-info-list { padding-left: 0px;} #category-configurator span.extra-blue-txt { padding: 7px 10px 6px;} .blu-tp-txt {font-size: 9px;font-weight: 600; line-height: 130%; text-align: left; background: #00ADF9; padding: 6px 10px; width: auto; height: 24px; color: #fff; border-radius: 8px; display: inline-flex; align-items: center;margin-bottom: 20px;} .st4-product.product-grid.varitaons-pg.white-strips, .st4-product.product-grid.varitaons-pg.munskolj { display: grid; grid-template-columns: repeat(auto-fit, minmax(168px, auto)) !important; gap: 40px; justify-content: center; margin-top:48px;} div#category-configurator {margin-bottom: 65px;} .pb-90 .tandborstar-image img{display: block;} @media screen and (max-width: 1025px) { #start-category-step.config-step.active, #product-step.config-step.active {display: block; width: 100%; margin: 0;} .wp-singular:not(.home) .page .entry-content {width: 100% !important;} #category-configurator .bar-labels label { font-size: 11.2px;} #category-configurator .pt-90.pb-90 { margin-top: 16px; padding-bottom: 0px !important;} #category-configurator .product-grid {display: grid ; grid-template-columns: 1fr 1fr 1fr 1fr;} #category-configurator .product-card { height: 278px; width: 174px;} #category-configurator .product-card.selected {height: 307px;} #category-configurator .product-card {padding:6px 20px 20px ;} #category-configurator .product-card img { width: 62px; height: 132px;} #category-configurator .product-card {border-radius:10px;} #category-configurator .product-card h4 { font-size: 12px ; margin-top:18px;} #category-configurator .customnote { margin: 6px auto 10px !important;} #category-configurator .category-grid {display: flex; gap: 12px;} #category-configurator .category-card { height: 273px; width: 144px;} #category-configurator .category-card img {width: 144px; height: 144px;} span.parent-name {font-size: 11.2px !important;} #category-configurator .cat-info h3 { font-size: 11.2px;} #category-step h2 , #category-step p { text-align: left;} #category-configurator p.product-price { text-align: center !important; font-size: 11.2px !important; margin-top: 10px;} #category-configurator button.clr-btn-css, #category-configurator button.blu-btn-css {width: 218px; height: 40px !important;font-size: 12px; font-weight: 400 !important;line-height: normal !important;} #category-configurator h2.cat-head-ft {margin-top: 40px; font-size: 16px; font-weight:600; color:#171A20; padding-top: 0px;} #category-configurator p.cat-para-ft {margin-bottom: 10px; font-size: 14px; color: #393C41; padding-bottom: 0px; width:70%;} #category-configurator div#cat-46 .product-card, #category-configurator div#cat-48 .product-card, #category-configurator div#cat-49 .product-card {height: 226px !important;} #category-configurator div#cat-46 .product-card.selected, #category-configurator div#cat-48 .product-card.selected, #category-configurator div#cat-49 .product-card.selected {height: 258px !important;} #category-configurator div#cat-46 .product-card h4, #category-configurator div#cat-48 .product-card h4, #category-configurator div#cat-49 .product-card h4 { margin-top: 12px;} #category-configurator .navigation {margin: 40px 0;} #category-configurator div#subscription-step { width: 100%; margin: auto;} #category-configurator div#subscription-step .step-intro {width: 100%;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] #cat-49 .product-card, #category-configurator[data-startcat="adult-manual-toothbrushes"] #cat-48 .product-card , #category-configurator[data-startcat="oral-b-kids"] #cat-46 .product-card{ height: 226px !important;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] #cat-49 .product-card.selected, #category-configurator[data-startcat="adult-manual-toothbrushes"] #cat-48 .product-card.selected, #category-configurator[data-startcat="oral-b-kids"] #cat-46 .product-card.selected{height: 258px !important;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] .product-card h4, #category-configurator[data-startcat="adult-manual-toothbrushes"] .product-card h4, #category-configurator[data-startcat="oral-b-kids"] .product-card h4{margin-top: 12px;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] .childrens-manual-toothbrushes .product-card, #category-configurator[data-startcat="adult-manual-toothbrushes"] .adult-manual-toothbrushes .product-card , #category-configurator[data-startcat="oral-b-kids"] .oral-b-kids .product-card{ height: 226px !important;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] .childrens-manual-toothbrushes .product-card.selected, #category-configurator[data-startcat="adult-manual-toothbrushes"] .adult-manual-toothbrushes .product-card.selected, #category-configurator[data-startcat="oral-b-kids"] .oral-b-kids .product-card.selected{height: 258px !important;} #category-configurator .ta-bort-text {margin-top: 15px;} .v34-info h4 {font-size: 14px !important; margin-top: 16px !important; font-weight: 500 !important; line-height: 150%; color: #171A20 !important;} .v34-left img { width: 103px !important;} button#back-btn-step-4.tb-fl-line { width: 100% !important;} } @media screen and (max-width: 767px) { .vg-right .vg-thumb { width: 50px; height: 50px; } .vg-right .vg-thumb img { width: 50px; height: 50px;} .vg-right { display: flex; gap: 8px; flex-wrap: wrap;} div#next-btn-sub.skip-pg-v { font-size: 14px !important; } #category-configurator .product-grid {display: grid; grid-template-columns: 1fr 1fr !important; gap: 14px; row-gap: 30px;} #category-configurator .product-card { height: 306px; width: 168px;} #category-configurator .product-card { padding: 30px 20px 20px ;} #category-configurator .parent-container.sp-acc {padding: 0px 0 24px !important;} #category-configurator .product-card h4 {margin-bottom: 0px;} #category-configurator .product-card.selected {height: 338px;} #category-configurator .quantity-control {margin: 18px 0px 0px;} #category-configurator .navigation { display: inline-flex;flex-direction: column-reverse;width: 100%; gap:12px} #category-configurator button.clr-btn-css, #category-configurator button.blu-btn-css {width: 100% !important;} #category-configurator .product-grid { margin: 24px 0 16px;} #category-configurator .category-grid { display: grid; grid-template-columns: 1fr 1fr !important; row-gap: 28px;} #category-configurator p.cat-para-ft { width: 100%;} #category-configurator .category-card { height: 303px; width: 168px;} #category-configurator .category-card img {width: 168px; height: 168px;} #category-configurator button.clr-btn-css, #category-configurator button.blu-btn-css { width: 100%; height: 48px !important; font-size: 11.2px !important; font-weight: 400 !important;line-height: normal !important;} #category-configurator div#cat-46 .product-card, #category-configurator div#cat-48 .product-card, #category-configurator div#cat-49 .product-card {height: 256px !important;} #category-configurator div#cat-46 .product-card.selected, #category-configurator div#cat-48 .product-card.selected, #category-configurator div#cat-49 .product-card.selected {height: 288px !important;} #category-configurator .pt-90.pb-90 { margin-top: 4px;} #category-configurator div#subscription-step { width: 100%; margin: auto;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] #cat-49 .product-card, #category-configurator[data-startcat="adult-manual-toothbrushes"] #cat-48 .product-card , #category-configurator[data-startcat="oral-b-kids"] #cat-46 .product-card{ height: 256px !important;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] #cat-49 .product-card.selected, #category-configurator[data-startcat="adult-manual-toothbrushes"] #cat-48 .product-card.selected, #category-configurator[data-startcat="oral-b-kids"] #cat-46 .product-card.selected{height: 288px !important;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] .product-card h4, #category-configurator[data-startcat="adult-manual-toothbrushes"] .product-card h4, #category-configurator[data-startcat="oral-b-kids"] .product-card h4{margin-top: 12px !important;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] .childrens-manual-toothbrushes .product-card, #category-configurator[data-startcat="adult-manual-toothbrushes"] .adult-manual-toothbrushes .product-card , #category-configurator[data-startcat="oral-b-kids"] .oral-b-kids .product-card{ height: 256px !important;} #category-configurator[data-startcat="childrens-manual-toothbrushes"] .childrens-manual-toothbrushes .product-card.selected, #category-configurator[data-startcat="adult-manual-toothbrushes"] .adult-manual-toothbrushes .product-card.selected, #category-configurator[data-startcat="oral-b-kids"] .oral-b-kids .product-card.selected{height: 288px !important;} .category-card button, .select-product{font-size:11.2px !important;} } @media (max-width: 400px) { #category-configurator .product-grid, #category-configurator .category-grid {flex-wrap:wrap;justify-content:space-between;gap:16px; row-gap:20px;} #category-configurator .category-grid {display:flex;} #category-configurator .product-grid {display: grid;} #category-configurator .category-card {flex:0 0 47%;width:162px;min-width:130px;height:auto;box-sizing:border-box;} #category-configurator .category-card img {width:100%;height:auto;display:block;margin:0 auto;} #category-configurator .category-card h4, #category-configurator .category-card button {text-align:center;font-size:11.2px; margin-bottom:16px;} #category-configurator .product-card { height: auto;width: 100%;} #category-configurator .navigation { margin: 26px 0;} .woocommerce-checkout.page-template-default p.product-page-disc { font-size: 14px !important; width: auto !important;} } @media (max-width: 316px) { #category-configurator .category-card {flex: 1 1 calc(50% - 10px); min-width: 0; box-sizing: border-box;} } #category-configurator { font-family: 'Inter', sans-serif; max-width: 1312px; margin: 0 auto; text-align: center; } .config-step { display: none; } .config-step.active { display: block; } .product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 25px; margin: 16px 0; } .category-card ,.product-card { background: #fff; border-radius: 10px; box-shadow: 0px 0px 4px 0px #00000040; overflow: hidden; transition: all 0.3s ease; } .product-card img { width: auto; height: 168px; object-fit: cover; } .product-card { padding: 20px; } .category-card button, .select-product { background: black; color: white; border: none; border-radius: 25px; height:28px; width:84px; cursor: pointer; font-size: 11.2px; } .category-card.selected button, .product-card.selected .select-product { background: #00b7ff; } .quantity-control { display: flex; justify-content: center; align-items: center; gap: 1px; margin: 20px 0px 0px; } .navigation { margin: 56px 0; display: flex; justify-content: center; gap: 20px; } .navigation button { border: none; border-radius: 30px; padding: 14px 40px; font-size: 16px; cursor: pointer; } #back-btn-cat, #back-btn-prod, #back-btn-sub { background: #f5f5f5; color: #333; } /* #next-btn-cat, #next-btn-prod, #next-btn-start, #next-btn-sub { background: #0095f6; color: white; } */ /* Subscription */ .subscription-options { display: flex; flex-direction: column; gap: 15px; text-align: left; max-width: 1040px; margin: 0 auto; } .sub-option { display: flex; align-items: center; border: 1px solid #ddd; border-radius: 6px; padding: 24px 16px; cursor: pointer; transition: 0.3s; } .sub-option input { margin-right: 15px; } .sub-option:hover, .sub-option:has(input:checked){ border-color: #0095f6; background: #E5F7FE !important; } .option-box strong { font-size: 18px; } .option-box p { margin: 5px 0 0; font-size: 14px; color: #555; } /* New flow shortcode strips, toothpaste etc */ .page-id-33376 footer.main-footer-new { display: none;} div#next-btn-sub.skip-pg-v {font-size: 12px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; font-weight: 600; line-height: 150%; color: #9C9DA0; margin-top: 0px;} .product-card.variation-card { width: 242px;} #category-configurator div#step-5.config-step.active{display: block; width: 1312px; margin: 0 auto;} .main-div-mg-txt {display: flex; justify-content:center; gap:40px; margin-top:4px;} .nw-img-pg-v {width: 564px; height: 551px;} .custom-content h4 {text-align: left;font-size: 18px !important;font-weight: 600 !important;line-height: 150%;color: #171A20; margin-bottom:8px} .custom-content p {text-align: left;font-size: 14px;font-weight: 400;line-height: 150%;color: #393C41; /*margin-bottom: 48px;*/ } .txt-content-nw-cat { width: 708px; height: auto; box-shadow: 0px 0px 2px 0px #00000026; padding: 24px; border-radius: 12px;} .txt-content-nw-cats-nw { width: 708px;} #category-configurator .category-grid.one-time-cats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 24px auto 0; width: 100%;box-sizing: border-box; justify-content:normal;} #category-configurator .category-card.one-card { width: 319px; height: 213px !important; background-size: cover; background-position: center;background-repeat: no-repeat; display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;} .category-card.one-card {position: relative;overflow: hidden;} .category-card.one-card::before {content: ""; position: absolute; inset: 0; background: #00000059; z-index: 1;} .cat-info-neflw h3 {font-size: 16px !important;font-weight: 800 !important; position: relative !important; line-height: 150% !important; color: #fff !important; z-index: 1 !important; font-family: 'Inter' !important; margin: 0 !important;} p.cat-desc-nwflw {font-size: 9px; color: #fff; position: relative; z-index: 1; font-weight: 700; line-height: 120%; margin:0;} p.product-main-price-12.nw-p {margin-bottom: 8px;} .custom-content .catdesc-toothbrushes {margin: 3px 0 8px;} .custom-content .productmain-price{margin-bottom:24px;} .custom-content p.nrml-p-text { text-align: left;font-size: 14px;font-weight: 400; line-height: 150%; margin-bottom:24px} .one-time-acc .accordion-header.sp-head {font-size: 14px;font-weight: 500;color: #393C41;} .sp-acc.one-time-acc .toothbrush-details p {margin: 0;font-size: 14px;font-weight: 400;} .nw-txt-container { margin: 37.5px 0 47.5px; text-align: left; background: #00ADF9; padding: 13.5px 20px; width: 563px; height: auto; border-radius: 12px;} h5.nw-txt-title { font-size: 14px; font-weight: 700; font-family: 'Inter'; color: #ffffff; margin: 0; line-height: 150%;} p.nw-txt-subtitle { font-size: 10px; font-weight: 600; line-height: 150%; color: #ffffff; margin-bottom: 12px;} p.nw-txt-description {font-size: 12px;font-weight: 400; line-height: 150%;color: #ffffff; margin: 0;} .varitaons-pg .product-card.variation-card { width: 168px !important; height: 323px !important; padding:0 !important;} .st4-product.product-grid.varitaons-pg {display: grid; grid-template-columns: repeat(auto-fit, minmax(168px, 1fr)) !important; gap: 0px; row-gap:32px;} .varitaons-pg .product-card.variation-card.selected {height: 353px !important;} .varitaons-pg .product-card.variation-card img {width: 168px !important;height: 206px !important;object-fit: cover;} #category-configurator .product-card.variation-card h4 {font-size: 14px;line-height: 130%;font-weight: 600;color: #393C41; margin-top: 6px; margin-bottom: 6px;} #category-configurator .product-card.variation-card p{font-size: 14px;line-height: 130%;font-weight: 500;color: #393C41; margin-bottom:12px; } .product-card {cursor: pointer;} #step-5 .accordion.sp-accor {border-top: none;} /* Slider in new one time products */ .config-step .products__images .swiper-wrapper {display: grid !important; grid-template-columns: repeat(2, 1fr); grid-template-areas: "second third" "last last"; gap: 10px;} .config-step .product__image--one { grid-area: second; } .config-step .product__image--two { grid-area: third; } .config-step .product__image--three { grid-area: last; } .config-step .product__image img { width: 100%; height: auto; object-fit: cover; display: block;} @media (min-width: 768px) and (max-width: 1025px) { .config-step .products__images .swiper-wrapper{display: flex !important; overflow: auto; width: 100%; gap: .3rem;} .config-step .pr-pg-slides .swiper-slide {flex: 0 0 auto;} .config-step .pr-pg-slides .product__image.product__image--three.last { margin-top: 0px !important;display: flex; width: 100% !important;} .config-step .pr-pg-slides .product__image.product__image--three.last img { width: 100% !important; height: auto; object-fit: cover;} .config-step .pr-pg-slides div.swiper-wrapper { height: 424px;} .config-step .products__images {margin-left: -32px; margin-right: -245px; z-index:0;} } @media screen and (max-width: 767px) { .config-step .products__images .swiper-wrapper{display: flex !important; overflow: auto; width: 100%; gap: .3rem;} .config-step .pr-pg-slides .product__image.product__image--three.last { margin-top: 0px !important; display: flex; width: 672px !important;} .config-step .pr-pg-slides .product__image.product__image--three.last img {width: 672px !important; height: 430px !important; object-fit: cover;} .config-step .pr-pg-slides div.swiper-wrapper { height: 432px;} .config-step .products__images.pr-pg-slides {margin-left: -20px; margin-right: -20px; z-index:0;} } /* End slider */ .blu-tp-txt.nw-auto { width: 205px;} .txt-content-nw-cats-nw .custom-content {padding: 24px;box-shadow: 0px 0px 2px 0px #00000026;border-radius: 12px;} .v34-card-wrapper.product-card.simple-card {height: 128px !important;} .v34-card-wrapper.product-card.simple-card {height: 128px !important;display: flex;align-items: end; text-align: left; padding:0;} .v34-left img {height: 126px; width: 103px; object-fit: contain;} .v34-left { width: 136px; height: 128px !important; text-align:center;} .v34-info h4 {font-size: 14px !important;margin-top: 16px !important;font-weight: 500 !important;line-height: 150%;color: #171A20 !important;} .v34-features li {font-size: 10px;font-weight: 400;line-height: 150%; color: #393C41;} .v34-info p {font-size: 10px; margin: -12px 0px 12px; font-weight: 400;line-height: 150%; color: #393C41;} ul.v34-features { margin: 12px 0 12px;} .v34-info { width: 80%; height: 128px;} .pricea-btn-qty {display: flex;justify-content: space-between; height:30px;} .pricea-btn-qty .price span {font-size: 14px;font-weight: 600;line-height: 130%;color: #00ADF9 !important;} .pricea-btn-qty p.price {margin-top: 8px;} .v34-right .quantity-control {margin: 0;} .st4-product.product-grid.v34-colour {margin-top: 32px;} .nw-img-pg-v img { height: 551px;object-fit: cover; width:100%;} .vg-right .vg-thumb { width: 40px; height: 40px;} .vg-right .vg-thumb img { width: 40px; height: 40px;} .vg-right {display: flex;gap: 8px;} .vg-wrapper h3 {font-size: 16px !important;font-weight: 700 !important; line-height: 150% !important; color: #171A20 !important; text-align: left; font-family: Inter !important; margin: 8px 0 24px !important;} label.center.act-ive { color: #393C41 !important;} #category-configurator #start-category-step .pt-90.pb-90 {margin-top: 0;} #start-category-step .blu-tp-txt {margin-top: 24px; justify-content: center; width:94px !important;} .v34-features { list-style: none; padding-left: 0; margin: 0;} .v34-features li {position: relative; padding-left: 10px; } .v34-features li::before {content: "•"; position: absolute; left: 0; top: -0px; font-size: 12px; line-height: 1;} .custom-content { text-align: left;} @media (max-width: 1025px) { .main-div-mg-txt { flex-direction: column; gap:24px;} .nw-img-pg-v {width: 100%; height: 330px;} .nw-img-pg-v img{width: 100%; height: 330px !important; object-fit:cover;} .txt-content-nw-cat { width: 100%; height: auto; box-shadow: none; padding: 0px; border-radius: 12px;} #category-configurator .category-grid.one-time-cats {grid-template-columns: repeat(1, 1fr);} #category-configurator .category-card.one-card {width: 100%;height: 203px !important;} .txt-content-nw-cat .custom-content h4 { margin-bottom: 6px;} .custom-content h4 { margin-bottom: 0px; } .cat-info-neflw h3 {font-size: 20px !important; margin-bottom:4px;} .navigation.cat-page-nw {flex-direction: column-reverse;width: 100%; gap: 12px;margin-bottom: 27px !important;} button#next-btn-sub.tb-fl-line, button#next-btn-step-4.tb-fl-line {width: 100% !important; height:48px !important; font-size:11.2px; font-weight:600;} div#next-btn-sub.skip-pg-v { margin-top: 27px;} #category-configurator div#step-5.config-step.active {width: 100%;margin: 0 auto;} #step-5 .catdesc-toothbrushes { font-size: 14px;} p.product-main-price-12.nw-p {margin-bottom: 4px;} .custom-content .productmain-price { margin-bottom: 16px; margin-top: 0px;} .one-time-acc .accordion-header.sp-head {font-size: 12px;font-weight: 400;} .sp-acc.one-time-acc .toothbrush-details p { margin: 0;font-size: 12px;font-weight: 400;} .nw-txt-container { margin: 0 0 48px; width: 314px; height: auto;} #category-configurator .product-card.variation-card p {font-size: 12px;} .blu-tp-txt {margin-bottom: 16px;} .st4-product.product-grid.varitaons-pg.white-strips , .st4-product.product-grid.varitaons-pg.munskolj {gap: 24px; margin-top: 32px;} .txt-content-nw-cats-nw .custom-content {padding: 0px; box-shadow: none; border-radius: 12px;} .st4-product.product-grid.v34-colour {display: flex !important;justify-content: center;} .v34-card-wrapper.product-card.simple-card { width: 360px !important;} .v34-card-wrapper.product-card.simple-card {padding: 0 !important;} .st4-product.product-grid.v34-colour { margin-top: 25px; margin-bottom:24px;} .pricea-btn-qty {margin-right: 16px;} .txt-content-nw-cats-nw { width: 100%;} #category-configurator .product-card.variation-card h4 {font-size: 12px;} } @media (max-width: 767px) { .main-div-mg-txt { flex-direction: column; gap:14px;} .nw-img-pg-v {width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; height: 432px; display: block;} .nw-img-pg-v img{width: 100%; height: 432px !important; object-fit: cover;} .txt-content-nw-cat { width: 100%; height: auto; box-shadow: none; padding: 0px; border-radius: 12px;} #category-configurator .category-grid.one-time-cats {grid-template-columns: repeat(1, 1fr) !important;} #category-configurator .category-card.one-card {width: 100%;height: 203px !important;} div#next-btn-sub.skip-pg-v { margin-top: 1px;} .custom-content h4 { text-align: left; font-size: 18px !important; font-weight: 600 !important; line-height: 130%; color: #171A20;} .custom-content h4 {margin-bottom: 0px;} p.product-main-price-12 {font-size: 14px; font-weight:700 !important;line-height:150%;} #category-configurator .productmain-price { margin-top: 0px;} .custom-content p.nrml-p-text {margin-bottom: 16px;} .nw-txt-container {margin: 8px 0 32px;width: 100%; height: auto;} .varitaons-pg .product-card.variation-card {width: 100% !important;height: 323px !important;padding: 0 !important;} .varitaons-pg .product-card.variation-card img {width: 100% !important;height: 206px !important;object-fit: cover;} .st4-product.product-grid.v34-colour { display: flex !important;} .v34-right .quantity-control{margin:0 !important;} .v34-card-wrapper.product-card.simple-card.selected {width: 100% !important;} .v34-card-wrapper.product-card.simple-card {width: 100% !important;} .st4-product.product-grid.v34-colour { margin-top: 8px !important;} .pricea-btn-qty .price span {color: #393C41 !important;} .txt-content-nw-cats-nw { width: 100%;} .navigation.cat-page-nw {margin-top: 52px !important;} ul.v34-features { margin: 8px 0 12px;} #step-4 .nw-img-pg-v { height: 240px !important; margin-left: 0px; margin-right: 0px;width: auto;} #step-4 .nw-img-pg-v img { height: 240px !important; } } .wapper-menu-inner, .icon-menu{ display:none; } @media (max-width: 767px) { .icon-menu{ display:none !important; } } @media (max-width: 1025px) { .icon-menu{ display:none !important } } /* Need to check*/ @media screen and (max-width: 767px) { /* #step-5 .product-grid { padding-top: 16px; } #step-5 .blu-tp-txt { display: block; } .mobile-tab-mode { display: block !important; } */ .desk-mode { display: none; } /* #step-4 .custom-content h4 { text-align: left; font-size: 18px !important; font-weight: 600 !important; line-height: 120%; color: #171A20; } #category-configurator .category-grid { padding-top: 0; margin: 15px auto; } .price span { padding-left: 1px !important; } #category-step .smile-image-p { margin-bottom: 0px; } */ } @media (min-width: 768px) and (max-width: 1025px) { /* #category-configurator .category-grid { padding-top: 0; margin: 30px auto; } .mobile-tab-mode { display: block !important; } */ .desk-mode { display: none; } /* .price span { padding-left: 1px !important; } #category-step .smile-image-p { margin-bottom: 0px; } */ } #start-category-step .blu-tp-txt {display: none;}