body{background-color:#ffffff;}
.page-header{background-color:#101824;}
.page-header .panel.wrapper{color:rgba(255, 255, 255, 0.72);border-bottom-color:rgba(255, 255, 255, 0.08);}
.page-header .header.content .block-search .action.search{background:#FF4D3D;}
.page-header .header.content .block-search .action.search:hover{background:#E0392A;}
.minicart-wrapper .action.showcart{background:#008A00;}
.minicart-wrapper .action.showcart:hover{background:#00A300;}
.page-header .account-dropdown .action{border-color:rgba(255, 255, 255, 0.22);}
.page-header .account-dropdown .action:hover{border-color:#2ECC71;}
.action.primary{background:#008A00;border-color:#008A00;color:#ffffff;}
.action.primary:hover, .action.primary:focus, .action.primary:active{background:#00A300;border-color:#00A300;color:#ffffff;}
button, .abs-revert-to-action-secondary, .paypal-review .block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .product.data.items .review-add .review-form .action.submit.primary{background:#ffffff;border-color:#101824;color:#101824;}
button:hover, .abs-revert-secondary-color:hover, .abs-revert-to-action-secondary:hover, .paypal-review .block .actions-toolbar .action.primary:hover,.abs-discount-block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.cancel:hover, .block-compare .action.primary:hover, .cart-summary .block .actions-toolbar > .primary .action.primary:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover, .paypal-review-discount .actions-toolbar .action.primary:hover, .paypal-review-discount .actions-toolbar .action.cancel:hover, .cart-discount .actions-toolbar .action.primary:hover, .cart-discount .actions-toolbar .action.cancel:hover, .product.data.items .review-add .review-form .action.submit.primary:hover, /*ACTIVE STATE*/ button:active, .abs-revert-secondary-color:active, .abs-revert-to-action-secondary:active, .paypal-review .block .actions-toolbar .action.primary:active,.abs-discount-block .actions-toolbar .action.primary:active, .abs-discount-block .actions-toolbar .action.cancel:active, .block-compare .action.primary:active, .cart-summary .block .actions-toolbar > .primary .action.primary:active, .cart-summary .form.giftregistry .fieldset .action.primary:active, .paypal-review-discount .actions-toolbar .action.primary:active, .paypal-review-discount .actions-toolbar .action.cancel:active, .cart-discount .actions-toolbar .action.primary:active, .cart-discount .actions-toolbar .action.cancel:active, .product.data.items .review-add .review-form .action.submit.primary:active, /*FOCUS STATE*/ button:focus, .abs-revert-secondary-color:focus, .abs-revert-to-action-secondary:focus, .paypal-review .block .actions-toolbar .action.primary:focus,.abs-discount-block .actions-toolbar .action.primary:focus, .abs-discount-block .actions-toolbar .action.cancel:focus, .block-compare .action.primary:focus, .cart-summary .block .actions-toolbar > .primary .action.primary:focus, .cart-summary .form.giftregistry .fieldset .action.primary:focus, .paypal-review-discount .actions-toolbar .action.primary:focus, .paypal-review-discount .actions-toolbar .action.cancel:focus, .cart-discount .actions-toolbar .action.primary:focus, .cart-discount .actions-toolbar .action.cancel:focus, .product.data.items .review-add .review-form .action.submit.primary:focus{background:#101824;border-color:#101824;color:#ffffff;}
.navigation-section{background-color:#172235;}
.navigation-section .navigation a.level-top{font-family:'Outfit', system-ui, sans-serif;font-size:16px;color:#ffffff;}
.navigation-section .navigation a.level-top > .navpro-icon-caret:before, .navigation-section .navigation .parent > a.level-top:before{color:#8792a6;}
.navigation .level0 > .level-top:hover,.navigation .level0 > .level-top.ui-state-focus{color:#FFD23F;}
.navigation .level0.active > .level-top,.navigation .level0.has-active > .level-top{color:#FFD23F;}
.navigation-section .navigation #navpro-topnav .navpro-departments a.level-top{color:#ffffff;background-color:#008A00;}
.navigation-section .navigation .navpro-departments.level0 > .level-top:hover, .navigation-section .navigation .navpro-departments.level0 > .level-top.ui-state-active, .navigation-section .navigation .navpro-departments.level0 > .level-top.ui-state-focus, .navigation-section .navigation .navpro-departments.level0.active > .level-top:hover, .navigation-section .navigation .navpro-departments.level0.active > .level-top.ui-state-active, .navigation-section .navigation .navpro-departments.level0.active > .level-top.ui-state-focus{color:#FFD23F;}
.navigation-section .navigation .navpro-departments.level0 > .level-top:hover > .navpro-icon-caret:before, .navigation-section .navigation .navpro-departments.level0 > .level-top.ui-state-active > .navpro-icon-caret:before, .navigation-section .navigation .navpro-departments.level0 > .level-top.ui-state-focus > .navpro-icon-caret:before, .navigation-section .navigation .navpro-departments.level0.active > .level-top:hover > .navpro-icon-caret:before, .navigation-section .navigation .navpro-departments.level0.active > .level-top.ui-state-active > .navpro-icon-caret:before, .navigation-section .navigation .navpro-departments.level0.active > .level-top.ui-state-focus > .navpro-icon-caret:before, .navigation-section .navigation .navpro-departments.level0:hover > .level-top:before{color:#101824;}
.navigation-section .navigation .navpro-departments .navpro-dropdown-level1 .children .level1 > a{color:#141b28;}
.navigation-section .navigation .navpro-departments .navpro-dropdown-level1 .children .level1:hover > a{color:#008A00;}
.navigation-section .navigation .navpro-departments .navpro-dropdown-level1 .children .level1:hover > a > .navpro-icon-caret:before{color:#008A00;}
.navigation-section .navigation .navpro-departments .navpro-dropdown-level1 .children a{font-family:'Open Sans', sans-serif;font-size:15px;color:#2e3545;}
.page-footer{background-color:#0b111b;}
.page-footer div[data-role="title"], .page-footer .h4, .page-footer .block .block-title strong, .page-footer .block .title strong{color:#ffffff;}
.page-footer .footer.content, .page-footer .footer-toolbar-top .content{color:#9aa3b2;}
.footer.content a, .footer.content a:hover, .footer.content a:visited, .footer.content .links a, .footer.content .links a:hover, .footer.content .links a:visited, .page-footer .footer.content .footer.links a, .page-footer .footer.content .footer.links a:visited{color:#c3c9d4;}
.page-footer .footer-bottom{background-color:#070b12;}
.page-footer .footer-bottom .copyright, .page-footer .footer-bottom, .page-footer .footer-bottom a, .page-footer .footer-bottom .alink, .page-footer .footer-bottom a:hover, .page-footer .footer-bottom .alink:hover, .page-footer .footer-bottom a:visited, .page-footer .footer-bottom .alink:visited{color:#8a93a3;}
.page-title-wrapper .page-title, .catalog-product-view .column.main > .block .block-title [role="heading"]{font-family:'Outfit', system-ui, sans-serif;font-size:2.6rem;font-weight:800;color:#141b28;}
.sidebar .block .block-title span strong, .sidebar .block .block-title span span, .sidebar .block .block-title strong, .sidebar .block .block-title span, div.block .block-title strong, .filter .block-subtitle, .product.data.items.expanded > .item.title{font-family:'Outfit', system-ui, sans-serif;font-weight:800;color:#141b28;}

                    .products-grid .item .product.name a,
                    .products-grid .product-item .product.name a,
                    .products-list .item .product.name a
                {font-size:1.05rem;font-weight:600;color:#141b28;}

                    .product-info-main .product-info-price .price-box .price-container [data-price-type=finalPrice] .price,
                    .product-info-main .product-info-price .price-box .price-container [data-price-type=minPrice] .price,
                    .product-info-main .product-info-price .price-box .price-container [data-price-type=maxPrice] .price,
                    .bundle-options-container .block-bundle-summary .price-box [data-price-type=finalPrice] .price,
                    .product-item-info .price-box .price-container [data-price-type=finalPrice] .price
                {color:#CE4B00;}
/* BACOYO styles: media/p4/bacoyo.css (storefront/theme/custom.css) */
/* p4b-menu start */
/* BACOYO Shop menu (Navigation Pro "Shop" item, class p4b) */
@media (min-width: 1024px) {
.navpro-menu > li.p4b > .navpro-dropdown { width: 1200px !important; max-width: calc(100vw - 32px) !important; padding: 18px !important; border-radius: 0 0 18px 18px; background: #fff !important; box-shadow: 0 30px 60px -20px rgba(16,24,36,.45); color: #141b28; }
.navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner { display: grid !important; grid-template-columns: minmax(0,1fr) 380px; column-gap: 18px; row-gap: 14px; padding: 0 !important; margin: 0 !important; }
.navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row { display: contents; }
.navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important; }
.navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row:first-child > .navpro-col:first-child { grid-column: 1; grid-row: 1; }
.navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row:first-child > .navpro-col:last-child { grid-column: 2; grid-row: 1 / span 2; }
.navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row:nth-child(2) > .navpro-col { grid-column: 1; grid-row: 2; position: relative; min-height: 100%; }

/* departments (left) */
.navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row:nth-child(2) > .navpro-col > ul.children { width: 238px; margin: 0 !important; padding: 6px !important; background: #f4f6fb; border-radius: 14px; display: block !important; }
.navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row:nth-child(2) > .navpro-col > ul.children > li { position: static !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.navpro-menu > li.p4b a.p4b-dept { display: flex !important; align-items: center; gap: 9px; padding: 2px 8px !important; border-radius: 9px; font: 600 14px/1.2 var(--p4-head) !important; color: #3a4352 !important; text-decoration: none !important; white-space: nowrap; background: none; }
.navpro-menu > li.p4b a.p4b-dept img, .navpro-menu > li.p4b a.p4b-dept i { width: 25px; height: 25px; border-radius: 50%; object-fit: contain; background: #fff; box-shadow: 0 0 0 1px #e6e9f0; flex: none; }
.navpro-menu > li.p4b a.p4b-dept span { overflow: hidden; text-overflow: ellipsis; }
.navpro-menu > li.p4b a.p4b-dept::after { content: ""; margin-left: auto; flex: none; width: 6px; height: 6px; border-right: 2px solid #b6bdca; border-top: 2px solid #b6bdca; transform: rotate(45deg); }
.navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row:nth-child(2) > .navpro-col > ul.children > li:hover > a.p4b-dept,
.navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row:nth-child(2) > .navpro-col > ul.children > li:has(> .navpro-dropdown.shown) > a.p4b-dept,
.navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row:nth-child(2) > .navpro-col > ul.children:not(:has(> li > .navpro-dropdown.shown)) > li:first-child > a.p4b-dept { background: #fff; color: #141b28 !important; box-shadow: 0 6px 16px -10px rgba(16,24,36,.45); }
.navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row:nth-child(2) > .navpro-col > ul.children > li:hover > a.p4b-dept::after,
.navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row:nth-child(2) > .navpro-col > ul.children > li:has(> .navpro-dropdown.shown) > a.p4b-dept::after { border-color: #2ECC71; }
.navpro-menu > li.p4b a.p4b-dept.p4b-sigl { color: #9C7434 !important; font-weight: 700 !important; }
.navpro-menu > li.p4b a.p4b-dept.p4b-sigl span::after { content: " \2726"; }

/* the department panel (right of the list) */
.navpro .navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row:nth-child(2) > .navpro-col > ul.children > li > .navpro-dropdown-level2 { position: absolute !important; top: 0 !important; left: 262px !important; right: 0 !important; width: auto !important; min-width: 0 !important; min-height: 100%; padding: 4px 4px 0 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; transform: none !important; }
.navpro-menu > li.p4b > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row:nth-child(2) > .navpro-col > ul.children:not(:has(> li > .navpro-dropdown.shown)) > li:first-child > .navpro-dropdown-level2 { display: block; opacity: 1; }
.navpro-menu > li.p4b .navpro-dropdown-level2 > .navpro-shevron { display: none; }
.navpro-menu > li.p4b .navpro-dropdown-level2 > .navpro-dropdown-inner { display: flex !important; flex-direction: column; min-height: 100%; padding: 0 !important; margin: 0 !important; }
.navpro-menu > li.p4b .navpro-dropdown-level2 .navpro-row { display: block !important; margin: 0 !important; }
.navpro-menu > li.p4b .navpro-dropdown-level2 > .navpro-dropdown-inner > .navpro-row:last-child { margin-top: auto !important; }
.navpro-menu > li.p4b .navpro-dropdown-level2 .navpro-col { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important; }
.p4b-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 10px; }
.p4b-h { margin: 0 !important; font: 800 19px/1.2 var(--p4-head); color: #141b28; }
.p4b-all { font: 800 13px/1 var(--p4-head); color: #101824 !important; border-bottom: 2px solid #101824; padding-bottom: 2px; text-decoration: none !important; white-space: nowrap; }
.p4b-all:hover { color: #FF4D3D !important; border-color: #FF4D3D; }
.p4b-tip { margin: -4px 0 10px !important; font-size: 13px; color: #5b6577; }
.navpro-menu > li.p4b .navpro-dropdown-level2 ul.children.multicolumn { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 20px; margin: 0 0 6px !important; padding: 0 !important; }
.navpro-menu > li.p4b li.p4b-group { width: auto !important; padding: 0 !important; margin: 0 !important; }
.navpro-menu > li.p4b li.p4b-group > a { display: inline-block !important; padding: 0 0 5px !important; margin: 4px 0 4px !important; font: 800 11px/1.2 var(--p4-head) !important; text-transform: uppercase; letter-spacing: .09em; color: #101824 !important; border-bottom: 2px solid #FF4D3D; text-decoration: none !important; background: none !important; }
.navpro-menu > li.p4b li.p4b-group:nth-child(3n+2) > a { border-color: #2ECC71; }
.navpro-menu > li.p4b li.p4b-group:nth-child(3n) > a { border-color: #3DA5FF; }
.navpro-menu > li.p4b li.p4b-group .navpro-dropdown { position: static !important; display: block !important; opacity: 1 !important; box-shadow: none !important; background: none !important; padding: 0 !important; margin: 0 !important; width: auto !important; min-width: 0 !important; border: 0 !important; }
.navpro-menu > li.p4b li.p4b-group .navpro-dropdown-inner { padding: 0 !important; }
.navpro-menu > li.p4b li.p4b-group ul.children { display: block !important; margin: 0 !important; padding: 0 !important; }
.navpro-menu > li.p4b li.p4b-group ul.children > li { width: auto !important; padding: 0 !important; margin: 0 !important; }
.navpro-menu > li.p4b li.p4b-group ul.children > li > a { display: block !important; padding: 3px 0 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.3 !important; color: #3a4352 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none !important; background: none !important; transition: color .15s, transform .15s; }
.navpro-menu > li.p4b li.p4b-group ul.children > li > a:hover { color: #FF4D3D !important; transform: translateX(3px); }
.p4b-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 4px 0 10px; }
.p4b-cards a { display: flex; flex-direction: column; gap: 6px; text-decoration: none !important; }
.p4b-cards a span { display: block; aspect-ratio: 5 / 4; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px #e6e9f0; padding: 8px; overflow: hidden; }
.p4b-cards img { width: 100%; height: 100%; object-fit: contain; transition: transform .45s var(--p4-ease); }
.p4b-cards a:hover img { transform: translateY(-3px) scale(1.03); }
.p4b-cards b { font: 600 13px/1.2 var(--p4-head); color: #141b28; display: flex; gap: 5px; }
.p4b-cards b i { font-style: normal; color: #FF4D3D; opacity: 0; transition: opacity .2s; }
.p4b-cards a:hover b { color: #FF4D3D; }
.p4b-cards a:hover b i { opacity: 1; }
.p4b-by { padding-top: 10px; border-top: 1px solid #e6e9f0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.p4b-by b { font: 800 11px/1 var(--p4-head); text-transform: uppercase; letter-spacing: .09em; color: #5b6577; margin-right: 2px; }
.p4b-by a { font-size: 12px; font-weight: 600; color: #3a4352 !important; padding: 4px 9px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px #e6e9f0; text-decoration: none !important; transition: background .2s, color .2s, box-shadow .2s; }
.p4b-by a:hover { background: #101824; color: #fff !important; box-shadow: inset 0 0 0 1.5px #101824; }
.p4b-sep { width: 1px; height: 16px; background: #e6e9f0; margin: 0 2px; }

/* banner (top left) */
.p4b-offer { position: relative; overflow: hidden; display: flex; align-items: center; gap: 18px; height: 74px; padding: 0 16px 0 22px; border-radius: 14px; background: #FFD23F; }
.p4b-offer::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(115deg, rgba(255,255,255,.22) 0 18px, transparent 18px 52px); }
.p4b-offer > * { position: relative; z-index: 1; }
.p4b-seal { flex: none; width: 46px; height: 46px; display: grid; place-items: center; background: #FF4D3D; color: #fff; font-style: normal; clip-path: polygon(50% 0,61% 12%,77% 7%,80% 23%,95% 28%,90% 43%,100% 55%,88% 65%,91% 81%,75% 83%,67% 98%,53% 90%,38% 100%,30% 85%,14% 87%,14% 71%,0 62%,9% 49%,3% 34%,18% 27%,20% 11%,36% 13%); }
.p4b-offer-t { margin: 0 !important; font: 900 27px/1 var(--p4-head); letter-spacing: -.01em; text-transform: uppercase; color: #101824; }
.p4b-offer-t span { color: #FF4D3D; }
.p4b-go { margin-left: auto; flex: none; display: inline-flex; align-items: center; gap: 6px; background: #FF4D3D; color: #fff !important; font: 800 12.5px/1 var(--p4-head); letter-spacing: .04em; text-transform: uppercase; padding: 11px 15px; border-radius: 4px; text-decoration: none !important; transition: background .2s; }
.p4b-go:hover { background: #e63b2c; }

/* product tiles + feature (right) */
.p4b-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.p4b-tile { position: relative; display: flex; flex-direction: column; align-items: center; aspect-ratio: 3 / 4.4; padding: 12px 8px 10px; border-radius: 14px; overflow: hidden; text-decoration: none !important;
  background: radial-gradient(circle at 50% 56%, rgba(255,255,255,.85) 0, rgba(255,255,255,0) 58%), var(--lt);
  box-shadow: inset 0 0 0 1px rgba(16,24,36,.06); transition: transform .3s var(--p4-ease), box-shadow .3s; }
.p4b-tile:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 2px var(--bg), 0 16px 26px -18px rgba(16,24,36,.55); }
.p4b-t1 { --lt: #FFE9CC; --bg: #FF9F1C; } .p4b-t2 { --lt: #DDEEFF; --bg: #3DA5FF; } .p4b-t3 { --lt: #EFE3FF; --bg: #B26BFF; } .p4b-t4 { --lt: #FFF2C2; --bg: #E9B800; }
.p4b-tile b { font: 800 13px/1 var(--p4-head); letter-spacing: .06em; color: #101824; text-transform: uppercase; z-index: 1; }
.p4b-tile img { flex: 1; min-height: 0; width: 92%; height: auto; margin: 6px 0 4px; aspect-ratio: 1; object-fit: contain; mix-blend-mode: darken; transition: transform .45s var(--p4-ease); }
.p4b-tile:hover img { transform: scale(1.06); }
.p4b-tile span { display: inline-flex; align-items: center; gap: 4px; padding-bottom: 2px; color: #101824; font: 700 11.5px/1 var(--p4-head); white-space: nowrap; border-bottom: 2px solid var(--bg); transition: gap .2s; }
.p4b-tile span::after { content: "\2192"; }
.p4b-tile:hover span { gap: 7px; }
.p4b-feature { margin-top: 12px; position: relative; display: grid; grid-template-columns: 1fr 138px; align-items: center; gap: 8px; min-height: 258px; padding: 26px 18px 18px 22px; border-radius: 16px; overflow: hidden; color: #fff !important; text-decoration: none !important;
  background: radial-gradient(circle at 92% 8%, rgba(178,107,255,.55), transparent 45%), radial-gradient(circle at 6% 96%, rgba(46,204,113,.35), transparent 48%), #101824; }
.p4b-feature::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--p4-rainbow); }
.p4b-ribbon { position: absolute; top: 18px; left: -36px; transform: rotate(-35deg); background: #FFD23F; color: #101824; font: 900 10.5px/1 var(--p4-head); letter-spacing: .08em; text-transform: uppercase; padding: 6px 40px; font-style: normal; z-index: 2; }
.p4b-ft { display: block; }
.p4b-ft small { display: inline-block; margin-top: 14px; font: 700 11px/1 var(--p4-head); letter-spacing: .14em; text-transform: uppercase; color: #2ECC71; background: rgba(46,204,113,.14); padding: 6px 9px; border-radius: 999px; }
.p4b-ft strong { display: block; margin: 10px 0 4px; font: 900 30px/.98 var(--p4-head); letter-spacing: -.01em; text-transform: uppercase; }
.p4b-ft em { font-style: normal; background: var(--p4-rainbow); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; }
.p4b-fp { display: block; margin: 0 0 14px; font-size: 13px; color: #cbd5e1; line-height: 1.45; }
.p4b-fp b { color: #FFD23F; font-family: var(--p4-head); font-size: 15px; }
.p4b-cta { display: inline-flex; align-items: center; gap: 8px; background: #008A00; color: #fff; font: 700 13.5px/1 var(--p4-head); padding: 11px 17px; border-radius: 999px; box-shadow: 0 12px 24px -12px rgba(0,163,0,.9); }
.p4b-photo { position: relative; justify-self: end; width: 132px; aspect-ratio: 3 / 4; border-radius: 14px; overflow: hidden; transform: rotate(4deg); box-shadow: 0 0 0 4px #fff, 0 20px 30px -14px rgba(0,0,0,.8); background: #f4f6fb; }
.p4b-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; }
.p4b-burst { position: absolute; right: 116px; bottom: 30px; width: 62px; height: 62px; display: grid; place-items: center; text-align: center; background: #FF4D3D; color: #fff; font: 900 10.5px/1.05 var(--p4-head); text-transform: uppercase; font-style: normal;
  clip-path: polygon(50% 0,61% 12%,77% 7%,80% 23%,95% 28%,90% 43%,100% 55%,88% 65%,91% 81%,75% 83%,67% 98%,53% 90%,38% 100%,30% 85%,14% 87%,14% 71%,0 62%,9% 49%,3% 34%,18% 27%,20% 11%,36% 13%); transform: rotate(-10deg); }

.navpro-menu > li.p4b .navpro-dropdown-level2:has(li.p4b-group ul.children > li:nth-child(5)) .p4b-cards { display: none; }
/* bulk orders banner (right column, under "Design your own"): navy and gold, matches the Signature banner */
.p4b-bulk { margin-top: 12px; display: flex; flex-direction: column; gap: 16px; min-height: 236px; box-sizing: border-box; padding: 22px 24px 20px; border-radius: 16px; color: #fff !important; text-decoration: none !important;
  background: #101824; box-shadow: inset 0 0 0 1px #9C7434; transition: transform .25s var(--p4-ease), box-shadow .25s; }
.p4b-bulk:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px #E8C27A, 0 18px 28px -18px rgba(16,24,36,.9); }
.p4b-bk { display: block; }
.p4b-bk small { display: block; font: 700 12px/1 var(--p4-head); letter-spacing: .14em; text-transform: uppercase; color: #E8C27A; }
.p4b-bk b { display: block; margin-top: 8px; font: 800 30px/1.05 var(--p4-head); letter-spacing: -.01em; color: #fff; }
.p4b-ladder { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; }
.p4b-ladder i { font-style: normal; display: block; padding: 2px 0; font: 500 14px/1.3 var(--p4-head); color: #cbd5e1; }
.p4b-ladder i:nth-child(2) { border-left: 1px solid rgba(232,194,122,.4); border-right: 1px solid rgba(232,194,122,.4); }
.p4b-ladder b { display: block; margin-bottom: 4px; font: 800 32px/1 var(--p4-head); color: #E8C27A; }
.p4b-q { align-self: flex-start; margin-top: auto; display: inline-flex; align-items: center; background: #E8C27A; color: #101824; font: 800 14px/1 var(--p4-head); padding: 11px 22px; border-radius: 999px; transition: filter .2s; }
.p4b-bulk:hover .p4b-q { filter: brightness(1.08); }
/* Signature Collection banner (bottom of every section panel) */
.p4b-strip { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 180px; margin-top: 12px; padding: 20px 20px 20px 26px; border-radius: 16px; color: #fff !important; text-decoration: none !important;
  background: radial-gradient(circle at 88% 50%, rgba(201,168,106,.35), transparent 45%), linear-gradient(120deg, #101824 0%, #172235 60%, #22314b 100%);
  box-shadow: inset 0 0 0 1px rgba(201,168,106,.45); transition: transform .25s var(--p4-ease), box-shadow .25s; }
.p4b-strip::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(#E8C27A, #9C7434); }
.p4b-strip:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px rgba(232,194,122,.8), 0 18px 28px -18px rgba(16,24,36,.9); }
.p4b-strip-t { display: block; min-width: 0; }
.p4b-strip-t small { display: block; font: 700 12px/1 var(--p4-head); letter-spacing: .16em; text-transform: uppercase; color: #E8C27A; }
.p4b-strip-t b { display: block; margin: 10px 0 8px; font: 800 27px/1.02 var(--p4-head); letter-spacing: -.01em; color: #fff; }
.p4b-strip-t em { display: block; font-style: normal; font-size: 14px; line-height: 1.35; color: #cbd5e1; }
.p4b-strip-t strong { display: block; margin-bottom: 10px; font: 800 17px/1 var(--p4-head); color: #E8C27A; }
.p4b-strip-side { display: flex; flex-direction: column; align-items: center; gap: 10px; flex: none; }
.p4b-strip-pics { display: flex; padding-left: 68px; }
.p4b-strip-pics > span { position: relative; flex: none; width: 136px; height: 164px; margin-left: -68px; border-radius: 14px; overflow: hidden; background: #101824; border: 2px solid #E8C27A; box-shadow: 0 14px 24px -12px rgba(0,0,0,.9); transition: transform .3s var(--p4-ease); }
.p4b-strip-pics > span img { display: block; width: 100%; height: 100%; padding: 6px; box-sizing: border-box; object-fit: contain; }
.p4b-strip-pics > span:nth-child(1) { transform: rotate(-6deg) translateY(4px); } .p4b-strip-pics > span:nth-child(2) { z-index: 1; transform: translateY(-3px); } .p4b-strip-pics > span:nth-child(3) { transform: rotate(6deg) translateY(4px); }
.p4b-strip:hover .p4b-strip-pics > span:nth-child(1) { transform: rotate(-9deg) translate(-3px, 4px); } .p4b-strip:hover .p4b-strip-pics > span:nth-child(3) { transform: rotate(9deg) translate(3px, 4px); }
.p4b-strip-btn { background: linear-gradient(135deg, #E8C27A, #C9A86A); color: #101824; font: 800 12.5px/1 var(--p4-head); padding: 11px 22px; font-size: 14px; border-radius: 999px; white-space: nowrap; transition: filter .2s; }
.p4b-strip:hover .p4b-strip-btn { filter: brightness(1.08); }
.p4b-strip-t .p4b-strip-btn { display: inline-block; margin-top: 14px; }
}
/* phone and tablet: Navigation Pro's own accordion, with the department pictures */
@media (max-width: 1023.98px) {
  .p4b-offer, .p4b-tiles, .p4b-feature, .p4b-bulk, .p4b-strip, .p4b-cards, .p4b-by, .p4b-head, .p4b-tip { display: none !important; }
  .navpro-menu > li.p4b a.p4b-dept { display: flex !important; align-items: center; gap: 10px; }
  .navpro-menu > li.p4b a.p4b-dept img, .navpro-menu > li.p4b a.p4b-dept i { width: 26px; height: 26px; border-radius: 50%; object-fit: contain; background: #fff; flex: none; }
}
/* p4b-menu end */
/* p4b-business start */
.p4-bcards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
@media (min-width: 768px) { .p4-bcards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } }
@media (min-width: 1024px) { .p4-bcards { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } }
.p4-bcard { display: flex; flex-direction: column; overflow: hidden; border-radius: 18px; background: #fff; border: 1px solid #e6e9ef; color: #101824 !important; text-decoration: none !important; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.p4-bcard:hover { transform: translateY(-4px); border-color: var(--c); box-shadow: 0 22px 34px -24px rgba(16,24,36,.55); }
.p4-bcard-img { display: block; aspect-ratio: 1 / .82; overflow: hidden; background: color-mix(in srgb, var(--c) 12%, #f6f7fa); }
.p4-bcard-img img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 14px; box-sizing: border-box; mix-blend-mode: multiply; transition: transform .45s ease; }
.p4-bcard:hover .p4-bcard-img img { transform: scale(1.06); }
.p4-bcard-body { display: flex; flex-direction: column; flex: 1; gap: 6px; padding: 16px 18px 18px; }
.p4-bcard-body b { font: 800 18px/1.15 var(--p4-head, inherit); color: #101824; }
.p4-bcard-body span { font-size: 14px; line-height: 1.45; color: #5b6472; }
.p4-bcard-body em { margin-top: auto; padding-top: 10px; align-self: flex-start; font: 700 14px/1 var(--p4-head, inherit); font-style: normal; color: #101824; border-bottom: 2px solid var(--c); padding-bottom: 3px; transition: letter-spacing .2s; }
.p4-bcard:hover .p4-bcard-body em { letter-spacing: .02em; }
@media (max-width: 767px) { .p4-bcard-body { padding: 12px 12px 14px; } .p4-bcard-body b { font-size: 16px; } .p4-bcard-body span { font-size: 13px; } }
/* p4b-business end */
/* p4b-footer start */
.p4f-brand { text-align: center; }
.p4f-brand a { display: inline-block; }
.p4f-brand img { display: block; width: 210px; height: auto; }
.p4f-tag { margin: 12px 0 0; font: 700 12px/1 var(--p4-head); letter-spacing: .26em; text-transform: uppercase; color: rgba(255,255,255,.55); }
.p4f-trust { display: grid; grid-template-columns: repeat(3, 1fr); margin: 24px 0 0; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.p4f-trust span { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 18px 10px; font: 700 15px/1.2 var(--p4-head); color: #fff; }
.p4f-trust span + span { border-left: 1px solid rgba(255,255,255,.1); }
.p4f-trust svg { width: 22px; height: 22px; flex: none; fill: none; stroke: #E8C27A; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.p4f-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin: 32px 0 0; }
.p4-footer.p4f .p4f-cols h4 { margin: 0 0 18px; font: 800 12px/1 var(--p4-head); letter-spacing: .16em; text-transform: uppercase; color: #E8C27A; }
.p4f-bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin: 20px 0 0; padding: 16px 0 0; border-top: 1px solid rgba(255,255,255,.1); font-size: 13px; color: rgba(255,255,255,.55); }
.p4-footer.p4f .p4f-bar a { color: rgba(255,255,255,.72); }
.p4-footer.p4f .p4f-bar a:hover { color: #fff; }
@media (max-width: 767px) {
  .p4f-trust { grid-template-columns: 1fr; }
  .p4f-trust span + span { border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }
  .p4f-trust span { padding: 14px 10px; }
  .p4f-cols { grid-template-columns: repeat(2, 1fr); gap: 28px 20px; }
  .p4f-bar { flex-direction: column; text-align: center; }
}
/* left column: about, contact, social icons, compliance logos */
@media (min-width: 1024px) { .p4f-cols { grid-template-columns: 1.6fr repeat(4, 1fr); } }
@media (min-width: 768px) and (max-width: 1023px) { .p4f-about { grid-column: 1 / -1; } }
@media (max-width: 767px) { .p4f-about { grid-column: 1 / -1; } }
.p4f-about p { margin: 0 0 14px; line-height: 1.6; }
.p4f-social { display: flex; gap: 10px; }
.p4-footer.p4f .p4f-social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; color: #fff; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.04); transition: background .2s, border-color .2s, color .2s, transform .2s; }
.p4-footer.p4f .p4f-social a:hover { background: #E8C27A; border-color: #E8C27A; color: #101824; transform: translateY(-2px); }
.p4f-social svg { width: 18px; height: 18px; fill: currentColor; }
.p4-footer.p4f img.p4f-badges { display: block; width: 300px; max-width: 100%; height: auto; }
.p4-footer.p4f .p4f-cols ul li { margin: 0; line-height: 1.25; }
/* bottom row: payment methods left, social icons and compliance logos right */
.p4-footer.p4f { padding-top: 40px; padding-bottom: 20px; }
.p4f-bottom { display: flex; justify-content: space-between; align-items: center; gap: 32px; margin: 28px 0 0; padding: 22px 0 0; border-top: 1px solid rgba(255,255,255,.1); }
.p4-footer.p4f .p4-footer-pay { margin: 0; padding: 0; border: 0; text-align: left; }
.p4-footer.p4f .p4-pay, .p4-footer.p4f .p4-pay-note { justify-content: flex-start; }
.p4f-right { display: flex; align-items: center; gap: 28px; flex: none; }
@media (max-width: 1023px) {
  .p4f-bottom { flex-direction: column; text-align: center; }
  .p4-footer.p4f .p4-footer-pay { text-align: center; }
  .p4-footer.p4f .p4-pay, .p4-footer.p4f .p4-pay-note { justify-content: center; }
  .p4f-right { flex-direction: column; gap: 18px; }
}
/* p4b-footer end */
/* p4b-product start */
/* Product page layout: gallery with the product tabs under it (left), the buy column (right). Both scroll with the page
   (the theme keeps them on screen, which hides the bottom of a tall column). Phone: gallery, buy column, then the tabs. */
@media (min-width: 768px) {
  .catalog-product-view .column.main .product-info-wrapper { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); column-gap: 48px; }
  .catalog-product-view .column.main .product-info-wrapper > .product.media,
  .catalog-product-view .column.main .product-info-wrapper > .product-info-main { position: static; min-width: 0; }
}
@media (max-width: 767.98px) {
  .catalog-product-view .column.main .product-info-wrapper { display: flex; flex-direction: column; }
  .catalog-product-view .column.main .product-info-wrapper > .product.media { display: contents; }
  .catalog-product-view .column.main .product-info-wrapper .product.info.detailed { order: 2; margin-top: 26px; }
}

/* gallery: the photo itself is the rounded card (no frame around it, etc/view.xml keeps the photo's own shape); rounded thumbnails */
.catalog-product-view .product.media .breeze-gallery .stage { border: 0; background: none; }
.catalog-product-view .product.media .breeze-gallery .stage .main-image-wrapper { width: auto; }
.catalog-product-view .product.media .breeze-gallery .stage img { border-radius: 22px; box-shadow: 0 18px 36px -28px rgba(16, 24, 36, .55); }
.catalog-product-view .product.media .breeze-gallery .thumbnails .item { border-radius: 14px; overflow: hidden; background: #f5f7fb; }
.catalog-product-view .product.media .breeze-gallery .thumbnails .item.active::after { border-radius: 14px; box-shadow: inset 0 0 0 2px #101824; }
.catalog-product-view .product.media .product-addto-links a { border-radius: 10px; background: #fff; border: 1px solid #e3e7ee; }

/* buy column: name, star rating, price card, quick links that open a tab, then the quantity prices.
   No reviews yet: five grey stars; with reviews the theme's stars show the average rating in gold. */
.catalog-product-view .product-info-main > .page-title-wrapper { margin-bottom: 8px; }
.catalog-product-view .product-info-main > .product-reviews-summary { margin: 0 0 14px; padding: 0; justify-content: flex-start; font-size: 13px; }
.catalog-product-view .product-info-main > .product-reviews-summary .action { color: #5b6472; }
.catalog-product-view .product-info-main > .product-reviews-summary.empty .reviews-actions::before { content: "★★★★★"; margin-right: 8px;
  color: #cfd5de; letter-spacing: 2px; font-size: 14px; }
.catalog-product-view .rating-result > span,
.catalog-product-view .review-control-vote label { color: #f5b301; }      /* filled stars: gold, as many as the rating */
.catalog-product-view .rating-result::before,
.catalog-product-view .review-control-vote::before { color: #cfd5de; opacity: 1; }   /* the empty stars behind them */
.p4-quick { display: flex; flex-wrap: wrap; gap: 8px; margin: -4px 0 0; }
.catalog-product-view .product-info-main > .p4-quick + .p4qp { margin-top: 16px; }
.p4-quick a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px; border-radius: 99px; background: #f5f7fb; color: #101824;
  font: 600 12.5px/1.2 var(--p4-head, 'Outfit', sans-serif); text-decoration: none; transition: background .2s, transform .2s; }
.p4-quick a:hover { background: #e9eef6; color: #101824; text-decoration: none; transform: translateY(-1px); }
.p4-quick a i { font-style: normal; color: #FF4D3D; }

/* the price card: price, stock badge and SKU */
.catalog-product-view .product-info-main .product-info-price { display: grid; grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "price stock"; gap: 6px 18px; align-items: center;
  margin: 0 0 18px; padding: 18px 20px; border: 1px solid #e3e7ee; border-radius: 14px; background: #fff;
  box-shadow: 0 10px 24px -20px rgba(16, 24, 36, .45); }
.catalog-product-view .product-info-main .product-info-price > .price-box,
.catalog-product-view .product-info-main .product-info-price > .p4qp-from { grid-area: price; margin: 0; padding: 0; text-align: left; }
.catalog-product-view .product-info-main .product-info-price > .product-info-stock-sku { grid-area: stock; position: static; display: flex; flex-direction: column;
  align-items: flex-end; gap: 8px; margin: 0; padding: 0; text-align: right; }
@media (max-width: 480px) {
  .catalog-product-view .product-info-main .product-info-price { padding: 16px; gap: 6px 12px; }
}

/* product tabs (Swissup Easytabs, collapsed layout): navy tabs with rounded tops, the open tab in coral on a coral line, counters */
.catalog-product-view .product.media .product.info.detailed { margin: 30px 0 0; }
.catalog-product-view .product.data.items.collapsed > [role="tablist"] { width: 100%; gap: 4px; border-bottom: 3px solid #FF4D3D; }
@media (max-width: 767.98px) {   /* the tab row scrolls sideways: fade the right edge so it shows there is more */
  .catalog-product-view .product.data.items.collapsed > [role="tablist"] { -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent);
    mask-image: linear-gradient(90deg, #000 85%, transparent); padding-right: 40px; }
}
.catalog-product-view .product.data.items.collapsed > [role="tablist"] > .data.item.title { margin: 0; padding: 0; border: 0; background: none; }
.catalog-product-view .product.data.items.collapsed > [role="tablist"] > .data.item.title > .data.switch { display: inline-flex; align-items: center; gap: 8px;
  box-sizing: border-box; height: 44px; margin: 0; padding: 0 18px; border: 0; border-radius: 10px 10px 0 0; background: #101824; color: #fff;
  font: 700 14px/1.2 var(--p4-head, 'Outfit', sans-serif); letter-spacing: 0; text-transform: none; text-decoration: none; white-space: nowrap;
  transition: background .2s; }
.catalog-product-view .product.data.items.collapsed > [role="tablist"] > .data.item.title > .data.switch:hover { background: #24344d; color: #fff; }
.catalog-product-view .product.data.items.collapsed > [role="tablist"] > .data.item.title.active > .data.switch { background: #FF4D3D; color: #fff; }
.catalog-product-view .product.data.items.collapsed > [role="tablist"] .counter { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin: 0;
  padding: 0 6px; border-radius: 99px; background: rgba(255, 255, 255, .18); color: #fff; font-size: 11px; line-height: 1; }
.catalog-product-view .product.data.items.collapsed > [role="tablist"] .counter::before,
.catalog-product-view .product.data.items.collapsed > [role="tablist"] .counter::after { content: none; }
.catalog-product-view .product.data.items.collapsed > .data.item.content { padding: 24px 2px 8px; border: 0; background: none; font-size: 14.5px; line-height: 1.7; color: #3a4352; }

/* tab contents */
.p4-details-lead { margin: 0 0 14px; padding: 0 0 14px; border-bottom: 1px solid #e3e7ee; color: #1d2533; font-size: 16px; line-height: 1.65; }
.p4-details-lead p:last-child, .p4-details-body p:last-child { margin-bottom: 0; }
.catalog-product-view #additional .additional-attributes { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #e3e7ee; border-radius: 12px; overflow: hidden; }
.catalog-product-view #additional .additional-attributes th,
.catalog-product-view #additional .additional-attributes td { padding: 11px 16px; border: 0; border-top: 1px solid #e3e7ee; text-align: left; vertical-align: top; font-size: 14px; }
.catalog-product-view #additional .additional-attributes tr:first-child > * { border-top: 0; }
.catalog-product-view #additional .additional-attributes th { width: 36%; background: #f5f7fb; color: #5b6472; font-weight: 600; }
.catalog-product-view #questions input[type="text"], .catalog-product-view #questions input[type="email"], .catalog-product-view #questions textarea,
.catalog-product-view #reviews input[type="text"], .catalog-product-view #reviews textarea { border: 1px solid #cdd3dc; border-radius: 10px; }
.catalog-product-view #questions input:focus, .catalog-product-view #questions textarea:focus,
.catalog-product-view #reviews input:focus, .catalog-product-view #reviews textarea:focus { border-color: #101824; box-shadow: 0 0 0 3px rgba(16, 24, 36, .08); outline: none; }
.catalog-product-view #questions .askit-show-form { padding: 12px 20px; border: 0; border-radius: 10px; background: #FF4D3D; color: #fff;
  font: 700 14px/1 var(--p4-head, 'Outfit', sans-serif); box-shadow: 0 10px 18px -10px rgba(255, 77, 61, .8); }
.catalog-product-view #questions .askit-show-form:hover { background: #e83f30; color: #fff; }
.catalog-product-view #p4_delivery_returns .p4-tab-info > div { background: #fff; border: 1px solid #e3e7ee; box-shadow: 0 10px 24px -22px rgba(16, 24, 36, .6); }

/* Stripe "pay later" line (Klarna, Clearpay...) in the Quantity Prices box under the size boxes; hidden until Stripe fills it */
.catalog-product-view #payment-method-messaging-element { margin: 14px 0 0; padding: 12px 16px; border: 1px solid #e3e7ee; border-radius: 12px;
  background: linear-gradient(135deg, #fbfcfe, #f3f6fb); }
.catalog-product-view #payment-method-messaging-element:empty { display: none; }

/* "Personalisation made simple" box under Add to Cart (CMS block product_personalise, placed by a widget) */
.p4-pz { position: relative; margin: 20px 0 6px; border-radius: 16px; overflow: hidden; background: #fff; border: 1px solid #e3e7ee;
  box-shadow: 0 18px 36px -26px rgba(16, 24, 36, .55); }
.p4-pz::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; z-index: 1;
  background: linear-gradient(90deg, #FF4D3D, #FF9F1C, #FFD23F, #2ECC71, #3DA5FF, #B26BFF); }
.p4-pz-head { position: relative; padding: 20px 22px 18px; color: #fff; background: radial-gradient(120% 140% at 100% 0, #24344d 0, #101824 60%); }
.p4-pz-kicker { display: inline-block; margin: 0 0 8px; padding: 4px 10px; border-radius: 99px; background: rgba(255, 77, 61, .16); color: #FF8a7d;
  font: 700 11px/1.2 var(--p4-head, 'Outfit', sans-serif); letter-spacing: .1em; text-transform: uppercase; }
.p4-pz-head h3 { margin: 0 0 6px; color: #fff; font: 800 21px/1.2 var(--p4-head, 'Outfit', sans-serif); letter-spacing: -.01em; }
.p4-pz-head p { margin: 0; color: #c5cedb; font-size: 14px; line-height: 1.55; }
.p4-pz-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 16px; list-style: none; background: #f7f9fc; }
.p4-pz-steps li { display: grid; grid-template-columns: 46px 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; margin: 0;
  padding: 12px; border-radius: 12px; background: #fff; border: 1px solid #e8ecf2; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.p4-pz-steps li:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--c) 45%, #e8ecf2); box-shadow: 0 12px 22px -16px rgba(16, 24, 36, .5); }
.p4-pz-steps .p4-ico3d, .p4-pz-steps .p4-ico { grid-row: 1 / 3; width: 46px; height: 46px; margin: 0; border-radius: 12px;
  background: color-mix(in srgb, var(--c) 14%, #fff); filter: none; transform: none; }
.p4-pz-steps .p4-ico3d img { width: 40px; height: 40px; margin: 3px; }
.p4-pz-steps .p4-ico svg { width: 26px; height: 26px; margin: 10px; color: var(--c); }
.p4-pz-steps li:hover .p4-ico3d { transform: rotate(-6deg) scale(1.06); }
.p4-pz-steps b { align-self: end; color: #101824; font: 700 14px/1.25 var(--p4-head, 'Outfit', sans-serif); }
.p4-pz-steps span:not(.p4-ico3d):not(.p4-ico) { align-self: start; color: #5b6472; font-size: 12.5px; line-height: 1.4; }
.p4-pz-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 14px 16px 16px; background: #f7f9fc;
  border-top: 1px solid #e8ecf2; }
.p4-pz .p4-pz-btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 10px; background: #FF4D3D; color: #fff;
  font: 700 14px/1 var(--p4-head, 'Outfit', sans-serif); text-decoration: none; box-shadow: 0 10px 18px -10px rgba(255, 77, 61, .8);
  transition: transform .2s ease, background .2s ease; }
.p4-pz .p4-pz-btn:hover { background: #e83f30; color: #fff; text-decoration: none; transform: translateY(-1px); }
.p4-pz .p4-pz-btn span { transition: transform .2s ease; }
.p4-pz .p4-pz-btn:hover span { transform: translateX(3px); }
.p4-pz .p4-pz-help { color: #5b6472; font-size: 13px; text-decoration: none; }
.p4-pz .p4-pz-help b { color: #101824; border-bottom: 1px solid #FF4D3D; }
.p4-pz .p4-pz-help:hover b { color: #FF4D3D; }
@media (max-width: 480px) {
  .p4-pz-head { padding: 18px 16px 16px; }
  .p4-pz-steps { grid-template-columns: 1fr; padding: 12px; gap: 8px; }
  .p4-pz-foot { padding: 12px; }
  .p4-pz .p4-pz-btn { width: 100%; justify-content: center; }
}
/* p4b-product end */