/* Clean evergreen commerce sections; only backgrounds are illustrated. Product pixels are originals. */
.commerce-vouchers,.commerce-service{color:#fff;background-color:#030a12;position:relative;isolation:isolate;border-block:1px solid #16718e}
.commerce-vouchers{background-image:url('/assets/images/commerce-vouchers-background-v1.jpg');background-size:cover;background-position:center top;min-height:540px}
.commerce-voucher-layout{display:flex;justify-content:flex-end;padding-block:48px 28px}
.commerce-voucher-content{width:63%;position:relative;z-index:1}
.commerce-eyebrow{font-size:10px;letter-spacing:.55em;text-transform:uppercase;margin:0 0 16px;font-weight:700;display:flex;align-items:center;gap:20px}
.commerce-eyebrow span{display:inline-block;width:54px;height:4px;background:#04bcec}
.commerce-vouchers h2,.commerce-service h2{font-family:'Bebas Neue',sans-serif;font-weight:400;text-transform:uppercase;line-height:1;margin:0 0 12px;font-size:clamp(36px,4.5vw,76px);letter-spacing:.015em}
.commerce-vouchers h2 span,.commerce-service h2 span{color:#00bbef}
.commerce-voucher-lead{font-size:10px;text-transform:uppercase;letter-spacing:.21em;line-height:1.8;margin:0 0 30px;color:#d6e5f4}
.commerce-voucher-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:12px}
.commerce-gift-card{display:block;text-decoration:none;color:white;position:relative;text-align:center;transition:transform .2s}
.commerce-gift-card:hover{transform:translateY(-7px)}
.commerce-gift-face{aspect-ratio:1.45;position:relative;overflow:hidden;border:1px solid #98c6e2;border-radius:12px;background:linear-gradient(90deg,rgba(1,9,18,.65),rgba(2,11,24,.15)),url('/assets/images/voucher-frames/frame-020.webp') 65% 40%/cover;box-shadow:0 12px 24px #0009,inset 0 0 30px #030b1dcc;transform:perspective(900px) rotateY(-9deg) rotateZ(-3deg);text-align:left;padding:24px 16px}
.commerce-gift-card:nth-child(2) .commerce-gift-face{transform:perspective(900px) rotateY(-7deg) rotateZ(-4deg)}
.commerce-gift-card:nth-child(3) .commerce-gift-face{transform:perspective(900px) rotateY(-5deg) rotateZ(-4deg)}
.commerce-gift-logo{width:94px;height:38px;object-fit:contain;object-position:left;margin:0 0 24px;display:block}
.commerce-gift-value{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,3.4vw,52px);line-height:1;white-space:nowrap;text-shadow:0 2px 9px #000;display:block}
.commerce-gift-value small{font-size:.65em}
.commerce-gift-select{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#020911e8;border:1px solid #00beee;box-shadow:0 0 16px #00acdf30;min-height:38px;padding:8px 28px;position:relative;margin-top:-10px;border-radius:3px;font:18px 'Bebas Neue',sans-serif;letter-spacing:.08em}
.commerce-gift-select span{color:#03c9f4;font-size:25px;line-height:1}
.commerce-voucher-benefits{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.commerce-voucher-benefits li{position:relative;padding-left:40px;border-right:1px solid #356578;font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:1.6;color:#d2e8f7}
.commerce-voucher-benefits li:last-child{border:0}
.commerce-voucher-benefits li>span{position:absolute;left:4px;top:0;font-size:30px;color:#03bfe8;line-height:1}
.commerce-service{background-image:linear-gradient(90deg,#02080ee8 0%,#02080e91 46%,transparent 74%),url('/assets/images/commerce-service-background-v1.jpg');background-size:cover;background-position:center}
.commerce-service-layout{padding-block:38px;min-height:390px;display:grid;grid-template-columns:57% 43%;align-items:center}
.commerce-service-copy{position:relative;z-index:2}
.commerce-service h2{font-size:clamp(32px,3.3vw,54px);white-space:nowrap}
.commerce-service-lead{font-size:14px;line-height:1.6;color:#d3dce4;margin:0 0 20px;max-width:620px}
.commerce-service-steps{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.commerce-service-steps li{position:relative;font-size:11px}
.commerce-service-steps li:before{content:'';height:1px;background:#05bcee;position:absolute;top:17px;left:0;right:-18px;z-index:-1}
.commerce-service-steps li:last-child:before{right:90%}
.commerce-service-steps li>span{display:grid;place-items:center;border:1px solid #03c9f2;background:#04101b;border-radius:50%;width:36px;height:36px;margin-bottom:10px;font:20px 'Bebas Neue',sans-serif}
.commerce-service-steps h3{margin:0 0 5px;font:19px 'Bebas Neue',sans-serif;letter-spacing:.04em}
.commerce-service-steps p{margin:0;color:#c8d7e3;line-height:1.6}
.commerce-service-action{display:flex;align-items:center;gap:24px}
.commerce-service-action>a{display:flex;align-items:center;justify-content:center;gap:24px;background:linear-gradient(120deg,#12cce9,#009bef);color:#001222;padding:12px 22px;border-radius:3px;text-decoration:none;font:19px 'Bebas Neue',sans-serif;letter-spacing:.07em}
.commerce-service-action>p{margin:0;padding-left:22px;border-left:1px solid #658ca0;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#b9d9e8}
.commerce-service-products{margin:0;position:relative;height:340px}
.commerce-service-products img{position:absolute;object-fit:contain;filter:drop-shadow(0 16px 15px #0009)}
.commerce-service-mtw{width:72%;height:90%;left:-3%;top:-2%;transform:rotate(43deg)}
.commerce-service-storm{width:43%;height:75%;right:0;bottom:8%;filter:none;-webkit-mask:url('/assets/images/commerce-storm-mask-v1.svg') center/contain no-repeat;mask:url('/assets/images/commerce-storm-mask-v1.svg') center/contain no-repeat}
.commerce-service-inferno{width:66%;height:30%;bottom:7%;left:0;transform:rotate(-8deg);z-index:2}
.commerce-service-products figcaption{position:absolute;bottom:-14px;left:0;right:0;font-size:9px;line-height:1.4;color:#a9c5d5;text-align:right}
.commerce-gift-card:focus-visible,.commerce-service-action>a:focus-visible{outline:3px solid white;outline-offset:6px}
@media(min-width:1800px){.commerce-voucher-content{width:62%}}
@media(max-width:1100px){.commerce-voucher-content{width:68%}.commerce-voucher-cards{gap:12px}.commerce-gift-face{padding:18px 12px}.commerce-gift-logo{width:72px;height:26px;margin-bottom:18px}.commerce-service-layout{grid-template-columns:64% 36%}.commerce-service-steps{gap:12px}.commerce-service-action{gap:12px}.commerce-service-action>p{padding-left:12px;max-width:220px}.commerce-service h2{white-space:normal}}
@media(max-width:760px){.commerce-vouchers{background-position:25% top;background-size:auto 470px;background-repeat:no-repeat;padding-top:235px}.commerce-vouchers:before{content:'';position:absolute;inset:160px 0 0;background:linear-gradient(transparent,#020a13 110px);z-index:-1}.commerce-voucher-layout{padding-block:32px}.commerce-voucher-content{width:100%}.commerce-vouchers h2{font-size:45px}.commerce-voucher-lead{font-size:9px;letter-spacing:.12em;margin-bottom:22px}.commerce-gift-face{padding:16px 10px;aspect-ratio:1.1}.commerce-gift-logo{width:62px;height:24px;margin-bottom:15px}.commerce-gift-value{font-size:30px}.commerce-gift-select{padding:6px 14px;font-size:16px;gap:8px}.commerce-voucher-benefits{gap:9px;margin-top:22px}.commerce-voucher-benefits li{font-size:8px;padding-left:0;padding-top:30px;letter-spacing:0}.commerce-voucher-benefits li>span{font-size:24px}.commerce-service-layout{display:flex;flex-direction:column;padding-block:30px}.commerce-service-copy{width:100%}.commerce-service h2{font-size:40px}.commerce-service-lead{font-size:13px}.commerce-service-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.commerce-service-steps li:before{display:none}.commerce-service-action{flex-wrap:wrap}.commerce-service-action>p{max-width:none;border-left:0;padding:0}.commerce-service-products{width:100%;height:300px;margin-top:28px}.commerce-service-products figcaption{bottom:0;text-align:center}.commerce-service-mtw{left:0;top:0}.commerce-service-inferno{bottom:12%}}
@media(max-width:380px){.commerce-voucher-cards{gap:6px}.commerce-gift-face{padding:13px 7px}.commerce-gift-logo{width:50px}.commerce-gift-value{font-size:26px}.commerce-gift-select{padding:6px 10px;font-size:15px}.commerce-service h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.commerce-gift-card{transition:none}.commerce-gift-card:hover{transform:none}}
@media(max-width:760px){.commerce-in-view .side-rail-actions{visibility:hidden;pointer-events:none}.commerce-vouchers h2{font-size:42px;white-space:normal;overflow-wrap:anywhere}.commerce-gift-select{min-height:44px}}
@media(max-width:760px){.commerce-in-view:not(.assistant-open) .wolverine-assistant{visibility:hidden;pointer-events:none}}