.onon-commerce{--web-accent:#b11f55;--web-ink:#64102f;--commerce-deep:#310916;--commerce-peach:#f2c6b2}
.onon-commerce .onon-web-hero__word{right:-.04em;left:auto;color:rgba(177,31,85,.045);font-size:clamp(140px,22vw,420px)}
.onon-commerce .onon-web-stage__screen{background:radial-gradient(circle at 78% 20%,rgba(242,198,178,.32),transparent 31%),linear-gradient(145deg,#310916,#781037 54%,#b11f55)}
.onon-commerce .onon-web-stage__screen>strong{font-size:clamp(40px,4vw,68px)}
.onon-commerce .onon-web-stage__screen>strong em{color:var(--commerce-peach)}
.onon-commerce .onon-web-stage__phone>div{background:linear-gradient(155deg,#fff7f1,#efd7cf)}
.onon-commerce .onon-web-stage__signal>i{color:#fff;background:#dd8f70}
.onon-commerce .onon-commerce-products{position:absolute;right:8%;bottom:10%;z-index:2;display:flex;gap:7px}
.onon-commerce .onon-commerce-products i{width:42px;aspect-ratio:.78;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.06));box-shadow:0 12px 24px rgba(0,0,0,.16)}
.onon-commerce .onon-commerce-products i:nth-child(2){transform:translateY(-13px);background:linear-gradient(145deg,#f1bea7,#b55c68)}
.onon-commerce .onon-web-marquee{background:rgba(177,31,85,.025)}
.onon-commerce .onon-web-lab__frame{background:radial-gradient(circle at 75% 20%,rgba(221,143,112,.24),transparent 32%),linear-gradient(145deg,#310916,#8f1645)}
.onon-commerce .onon-web-bento__grid .is-large{background:linear-gradient(145deg,#310916,#841442)}
.onon-commerce .onon-web-bento__grid .is-code{background:#f3ddd3;color:#64102f}
.onon-commerce .onon-web-bento__grid .is-code code{color:#64102f;border-color:rgba(100,16,47,.18)}
.onon-commerce .onon-commerce-checkout{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:34px;padding:13px;border:1px solid rgba(255,255,255,.18);border-radius:15px}
.onon-commerce .onon-commerce-checkout span{height:8px;border-radius:99px;background:rgba(255,255,255,.28)}
.onon-commerce .onon-commerce-checkout b{grid-row:span 2;width:38px;border-radius:11px;background:#fff}
.onon-commerce .onon-commerce-checkout span:nth-child(2){width:62%}
.onon-commerce .onon-commerce-orders{display:flex;align-items:flex-end;gap:7px;height:80px;margin-top:28px}
.onon-commerce .onon-commerce-orders i{flex:1;border-radius:9px 9px 3px 3px;background:#b11f55}.onon-commerce .onon-commerce-orders i:nth-child(1){height:35%}.onon-commerce .onon-commerce-orders i:nth-child(2){height:52%}.onon-commerce .onon-commerce-orders i:nth-child(3){height:74%}.onon-commerce .onon-commerce-orders i:nth-child(4){height:100%;background:#dd8f70}
.onon-commerce-scope{position:relative;padding:130px 0;background:#310916;color:#fff;overflow:hidden}.onon-commerce-scope::before{content:"";position:absolute;right:-260px;top:-240px;width:650px;aspect-ratio:1;border:1px solid rgba(242,198,178,.16);border-radius:50%;box-shadow:0 0 0 90px rgba(242,198,178,.025),0 0 0 180px rgba(242,198,178,.018)}
.onon-commerce-scope__head{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:70px}.onon-commerce-scope__head h2{margin:0;font-size:clamp(54px,6vw,104px);font-weight:330;line-height:.9;letter-spacing:-.07em}.onon-commerce-scope__head h2 em{display:block;color:var(--commerce-peach);font-style:normal;font-weight:700}.onon-commerce-scope__head>p{max-width:560px;margin:0 0 8px;color:#d9b9c4;font-size:14px;line-height:1.8}
.onon-commerce-scope__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}.onon-commerce-scope__card{min-height:390px;padding:38px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);transition:background .35s ease,transform .35s ease}.onon-commerce-scope__card:hover{background:rgba(255,255,255,.055)}.onon-commerce-scope__card>span{display:flex;justify-content:space-between;color:#cf91a8;font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.onon-commerce-scope__card>span i{font-size:18px;color:var(--commerce-peach)}.onon-commerce-scope__card h3{margin:70px 0 24px;font-size:34px;font-weight:500;letter-spacing:-.045em}.onon-commerce-scope__card ul{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 24px;margin:0;padding:0;list-style:none}.onon-commerce-scope__card li{position:relative;padding-left:17px;color:#dfc7cf;font-size:10px;line-height:1.55}.onon-commerce-scope__card li::before{content:"";position:absolute;left:0;top:.55em;width:5px;aspect-ratio:1;border-radius:50%;background:var(--commerce-peach)}
.onon-commerce-fit{padding:125px 0;background:var(--onon-paper)}.onon-commerce-fit__head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:60px}.onon-commerce-fit__head h2{max-width:900px;margin:0;font-size:clamp(50px,5.5vw,94px);font-weight:330;line-height:.92;letter-spacing:-.065em;color:var(--web-ink)}.onon-commerce-fit__head h2 em{font-style:normal;font-weight:700}.onon-commerce-fit__head>span{width:88px;aspect-ratio:1;border:1px solid rgba(177,31,85,.2);border-radius:50%;display:grid;place-items:center;color:var(--web-accent);font-size:22px}
.onon-commerce-fit__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.onon-commerce-fit__card{min-height:330px;padding:30px;border:1px solid rgba(177,31,85,.16);border-radius:28px;background:rgba(255,255,255,.4);transition:transform .35s ease,background .35s ease,box-shadow .35s ease}.onon-commerce-fit__card:hover{transform:translateY(-8px);background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(242,198,178,.2));box-shadow:0 24px 55px rgba(95,25,49,.1)}.onon-commerce-fit__card>i{width:54px;aspect-ratio:1;border-radius:17px;display:grid;place-items:center;background:var(--web-accent);color:#fff;font-size:17px}.onon-commerce-fit__card small{display:block;margin-top:65px;color:#b16f88;font-size:7px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.onon-commerce-fit__card h3{margin:10px 0 14px;color:var(--web-ink);font-size:27px;line-height:1.05;letter-spacing:-.04em}.onon-commerce-fit__card p{margin:0;color:#8c6170;font-size:10px;line-height:1.7}
.onon-commerce-delivery{padding:0 0 125px;background:var(--onon-paper)}.onon-commerce-delivery__box{padding:52px;border:1px solid rgba(177,31,85,.18);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.65),rgba(242,198,178,.14))}.onon-commerce-delivery__top{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;padding-bottom:42px;border-bottom:1px solid rgba(177,31,85,.14)}.onon-commerce-delivery h2{margin:0;color:var(--web-ink);font-size:clamp(40px,4.4vw,72px);font-weight:400;line-height:.95;letter-spacing:-.06em}.onon-commerce-delivery h2 em{font-style:normal;font-weight:700}.onon-commerce-delivery__top p{margin:0;color:#895d6c;font-size:11px;line-height:1.75}.onon-commerce-delivery__list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:38px}.onon-commerce-delivery__list span{min-height:110px;padding:18px;border-right:1px solid rgba(177,31,85,.13);display:flex;flex-direction:column;justify-content:space-between;color:var(--web-ink);font-size:10px;font-weight:600;line-height:1.4}.onon-commerce-delivery__list span:nth-child(4n){border-right:0}.onon-commerce-delivery__list i{color:var(--web-accent);font-size:18px}
@media(max-width:900px){.onon-commerce-scope__head,.onon-commerce-delivery__top{grid-template-columns:1fr;gap:28px}.onon-commerce-fit__cards{grid-template-columns:1fr}.onon-commerce-fit__card{min-height:260px}.onon-commerce-fit__card small{margin-top:45px}.onon-commerce-delivery__list{grid-template-columns:repeat(2,1fr)}.onon-commerce-delivery__list span:nth-child(2n){border-right:0}}
@media(max-width:767px){.onon-commerce .onon-web-hero__word{font-size:150px;top:16%}.onon-commerce .onon-commerce-products i{width:27px;border-radius:8px}.onon-commerce .onon-web-stage__screen>strong{font-size:40px}.onon-commerce-scope,.onon-commerce-fit{padding:88px 0}.onon-commerce-scope__head{margin-bottom:45px}.onon-commerce-scope__head h2,.onon-commerce-fit__head h2{font-size:48px}.onon-commerce-scope__grid{grid-template-columns:1fr}.onon-commerce-scope__card{min-height:auto;padding:27px}.onon-commerce-scope__card h3{margin:48px 0 20px;font-size:28px}.onon-commerce-scope__card ul{grid-template-columns:1fr;gap:9px}.onon-commerce-fit__head>span{display:none}.onon-commerce-fit__card{min-height:245px;padding:24px}.onon-commerce-delivery{padding-bottom:88px}.onon-commerce-delivery__box{padding:28px 22px;border-radius:25px}.onon-commerce-delivery__list{grid-template-columns:1fr}.onon-commerce-delivery__list span,.onon-commerce-delivery__list span:nth-child(2n),.onon-commerce-delivery__list span:nth-child(4n){min-height:88px;border-right:0;border-bottom:1px solid rgba(177,31,85,.13)}.onon-commerce-delivery__list span:last-child{border-bottom:0}}