<> .ribbon { overflow: hidden; --ribbon-background-color: #ffffff; --ribbon-text-color: #1d1d1f; --ribbon-link-color: #06c; --ribbon-focus-color: rgba(01252500.6); } .ribbon-content-wrapper { text-align: center; } .ribbon-content { margin-left: auto; margin-right: auto; width: 980px; } @media only screen and (min-width: 1441px) { .ribbon-content { margin-left: auto; margin-right: auto; width: 980px; } } @media only screen and (max-width: 1068px) { .ribbon-content { margin-left: auto; margin-right: auto; width: 692px; } } @media only screen and (max-width: 734px) { .ribbon-content { margin-left: auto; margin-right: auto; width: 87.5%; } } .ribbon-link { cursor: pointer; white-space: nowrap; } .ribbon-link:focus { text-decoration: underline; } .ribbon .ribbon-content-wrapper { padding-top: 0.94118em; padding-bottom: 0.94118em; } .ribbon .ribbon-content { font-size: 14px; line-height: 1.42859; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text""SF Pro Icons""Helvetica Neue""Helvetica", "Arial"sans-serif; } .ribbon .ribbon-content:lang(ar) { line-height: 1.57143; letter-spacing: 0em; font-family: "SF Pro AR""SF Pro AR Text""SF Pro Text""SF Pro Gulf", "SF Pro Icons""Helvetica Neue""Helvetica""Arial"sans-serif; } .ribbon .ribbon-content:lang(ja) { letter-spacing: 0em; font-family: "SF Pro JP""SF Pro Text""SF Pro Icons", "Hiragino Kaku Gothic Pro""ヒラギノ角ゴ Pro W3""メイリオ""Meiryo", "MS Pゴシック""Helvetica Neue""Helvetica""Arial"sans-serif; } .ribbon .ribbon-content:lang(ko) { line-height: 1.57143; letter-spacing: 0em; font-family: "SF Pro KR""SF Pro Text""SF Pro Icons""Apple Gothic", "HY Gulim""MalgunGothic""HY Dotum""Lexi Gulim""Helvetica Neue", "Helvetica""Arial"sans-serif; } .ribbon .ribbon-content:lang(zh) { line-height: 1.5; letter-spacing: 0em; } .ribbon .ribbon-content:lang(th) { line-height: 1.35718; letter-spacing: 0em; font-family: "SF Pro TH""SF Pro Text""SF Pro Icons""Helvetica Neue", "Helvetica""Arial"sans-serif; } .ribbon .ribbon-content:lang(zh-CN) { font-family: "SF Pro SC""SF Pro Text""SF Pro Icons""PingFang SC", "Helvetica Neue""Helvetica""Arial"sans-serif; } .ribbon .ribbon-content:lang(zh-HK) { font-family: "SF Pro HK""SF Pro Text""SF Pro Icons""PingFang HK", "Helvetica Neue""Helvetica""Arial"sans-serif; } .ribbon .ribbon-content:lang(zh-MO) { font-family: "SF Pro HK""SF Pro TC""SF Pro Text""SF Pro Icons", "PingFang HK""Helvetica Neue""Helvetica""Arial"sans-serif; } .ribbon .ribbon-content:lang(zh-TW) { font-family: "SF Pro TC""SF Pro Text""SF Pro Icons""PingFang TC", "Helvetica Neue""Helvetica""Arial"sans-serif; } .ribbon .ribbon-content-wrapper { background-color: var(--ribbon-background-color); } .ribbon .ribbon-content { color: var(--ribbon-text-color); } .ribbon .ribbon-link:focus { outline-color: var(--ribbon-focus-color); } .ribbon .ribbon-link { color: var(--ribbon-link-color); } .ribbon .ribbon-footnote { text-decoration: underline; text-underline-offset: -3px; font-size: 14px; top: 3px } .ribbon-elevated .ribbon-content-wrapper { padding-top: 1.41176em; padding-bottom: 1.41176em; } .ribbon-elevated .ribbon-content { font-size: 17px; line-height: 1.47059; font-weight: 400; letter-spacing: -0.022em; font-family: "SF Pro Text""SF Pro Icons""Helvetica Neue""Helvetica", "Arial"sans-serif; } .ribbon-elevated .ribbon-content:lang(ar) { line-height: 1.58824; letter-spacing: 0em; font-family: "SF Pro AR""SF Pro AR Text""SF Pro Text""SF Pro Gulf", "SF Pro Icons""Helvetica Neue""Helvetica""Arial"sans-serif; } .ribbon-elevated .ribbon-content:lang(ja) { letter-spacing: 0em; font-family: "SF Pro JP""SF Pro Text""SF Pro Icons", "Hiragino Kaku Gothic Pro""ヒラギノ角ゴ Pro W3""メイリオ""Meiryo", "MS Pゴシック""Helvetica Neue""Helvetica""Arial"sans-serif; } .ribbon-elevated .ribbon-content:lang(ko) { line-height: 1.58824; letter-spacing: 0em; font-family: "SF Pro KR""SF Pro Text""SF Pro Icons""Apple Gothic", "HY Gulim""MalgunGothic""HY Dotum""Lexi Gulim""Helvetica Neue", "Helvetica""Arial"sans-serif; } .ribbon-elevated .ribbon-content:lang(zh) { letter-spacing: 0em; } .ribbon-elevated .ribbon-content:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH""SF Pro Text""SF Pro Icons""Helvetica Neue", "Helvetica""Arial"sans-serif; } .ribbon-elevated .ribbon-content:lang(zh-CN) { font-family: "SF Pro SC""SF Pro Text""SF Pro Icons""PingFang SC", "Helvetica Neue""Helvetica""Arial"sans-serif; } .ribbon-elevated .ribbon-content:lang(zh-HK) { font-family: "SF Pro HK""SF Pro Text""SF Pro Icons""PingFang HK", "Helvetica Neue""Helvetica""Arial"sans-serif; } .ribbon-elevated .ribbon-content:lang(zh-MO) { font-family: "SF Pro HK""SF Pro TC""SF Pro Text""SF Pro Icons", "PingFang HK""Helvetica Neue""Helvetica""Arial"sans-serif; } .ribbon-elevated .ribbon-content:lang(zh-TW) { font-family: "SF Pro TC""SF Pro Text""SF Pro Icons""PingFang TC", "Helvetica Neue""Helvetica""Arial"sans-serif; } .ribbon-blue { --ribbon-background-color: #0071e3; --ribbon-text-color: #fff; --ribbon-link-color: #fff; --ribbon-focus-color: rgba(2552552550.6); } .ribbon-blue .ribbon-content-wrapper { background-color: var(--ribbon-background-color); } .ribbon-blue .ribbon-content { color: var(--ribbon-text-color); } .ribbon-blue .ribbon-link:focus { outline-color: var(--ribbon-focus-color); } .ribbon-blue .ribbon-link { color: var(--ribbon-link-color); } .ribbon-blue-to-default { --ribbon-background-color: #ffffff; --ribbon-background-color-initial: #0071e3; --ribbon-text-color: #1d1d1f; --ribbon-text-color-initial: #fff; --ribbon-link-color: #06c; --ribbon-focus-color: rgba(01252500.6); --ribbon-link-color-initial: #fff; position: relative; z-index: 10; } @keyframes animate-background-0071e3-ffffff { 0% { background-color: var(--ribbon-background-color-initial); } 100% { background-color: var(--ribbon-background-color); } } .ribbon-blue-to-default .ribbon-content-wrapper { background-color: var(--ribbon-background-color-initial); animation: animate-background-0071e3-ffffff 1s cubic-bezier(0.4200.581) 1.8s forwards; } @media (prefers-reduced-motion) { .ribbon-blue-to-default .ribbon-content-wrapper { background-color: var(--ribbon-background-color); animation: none; } } @keyframes animate-color-fff-1d1d1f { 0% { color: var(--ribbon-text-color-initial); } 100% { color: var(--ribbon-text-color); } } .ribbon-blue-to-default .ribbon-content { color: var(--ribbon-text-color-initial); animation: animate-color-fff-1d1d1f 1s cubic-bezier(0.4200.581) 1.8s forwards; } @media (prefers-reduced-motion) { .ribbon-blue-to-default .ribbon-content { color: var(--ribbon-text-color); animation: none; } } .ribbon-blue-to-default .ribbon-link:focus { outline-color: var(--ribbon-focus-color); } @keyframes animate-color-fff-06c { 0% { color: var(--ribbon-link-color-initial); } 100% { color: var(--ribbon-link-color); } } .ribbon-blue-to-default .ribbon-link { color: var(--ribbon-link-color-initial); animation: animate-color-fff-06c 1s cubic-bezier(0.4200.581) 1.8s forwards; } @media (prefers-reduced-motion) { .ribbon-blue-to-default .ribbon-link { color: var(--ribbon-link-color); animation: none; } } .ribbon-drop-wrapper { animation: ribbon-drop 0.8s cubic-bezier(0.4200.581) forwards; } @media (prefers-reduced-motion) { .ribbon-drop-wrapper { animation: none; } } .theme-dark .ribbon.theme-dark.ribbon { --ribbon-background-color: #1d1d1f; --ribbon-text-color: #ffffff; --ribbon-link-color: #2997ff; --ribbon-focus-color: rgba(01252500.6); } .theme-dark .ribbon .ribbon-content-wrapper.theme-dark.ribbon .ribbon-content-wrapper { background-color: var(--ribbon-background-color); } .theme-dark .ribbon .ribbon-content.theme-dark.ribbon .ribbon-content { color: var(--ribbon-text-color); } .theme-dark .ribbon .ribbon-link:focus.theme-dark.ribbon .ribbon-link:focus { outline-color: var(--ribbon-focus-color); } .theme-dark .ribbon .ribbon-link.theme-dark.ribbon .ribbon-link { color: var(--ribbon-link-color); } .theme-dark .ribbon-blue.theme-dark.ribbon-blue { --ribbon-background-color: #0071e3; --ribbon-text-color: #fff; --ribbon-link-color: #fff; --ribbon-focus-color: rgba(2552552550.6); } .theme-dark .ribbon-blue .ribbon-content-wrapper.theme-dark.ribbon-blue .ribbon-content-wrapper { background-color: var(--ribbon-background-color); } .theme-dark .ribbon-blue .ribbon-content.theme-dark.ribbon-blue .ribbon-content { color: var(--ribbon-text-color); } .theme-dark .ribbon-blue .ribbon-link:focus.theme-dark.ribbon-blue .ribbon-link:focus { outline-color: var(--ribbon-focus-color); } .theme-dark .ribbon-blue .ribbon-link.theme-dark.ribbon-blue .ribbon-link { color: var(--ribbon-link-color); } .theme-dark .ribbon-blue-to-default.theme-dark.ribbon-blue-to-default { --ribbon-background-color: #1d1d1f; --ribbon-background-color-initial: #0071e3; --ribbon-text-color: #ffffff; --ribbon-text-color-initial: #fff; --ribbon-link-color: #2997ff; --ribbon-focus-color: rgba(01252500.6); --ribbon-link-color-initial: #fff; } @keyframes animate-background-0071e3-1d1d1f { 0% { background-color: var(--ribbon-background-color-initial); } 100% { background-color: var(--ribbon-background-color); } } .theme-dark .ribbon-blue-to-default .ribbon-content-wrapper.theme-dark.ribbon-blue-to-default .ribbon-content-wrapper { background-color: var(--ribbon-background-color-initial); animation: animate-background-0071e3-1d1d1f 1s cubic-bezier(0.4200.581) 1.8s forwards; } @media (prefers-reduced-motion) { .theme-dark .ribbon-blue-to-default .ribbon-content-wrapper.theme-dark.ribbon-blue-to-default .ribbon-content-wrapper { background-color: var(--ribbon-background-color); animation: none; } } @keyframes animate-color-fff-ffffff { 0% { color: var(--ribbon-text-color-initial); } 100% { color: var(--ribbon-text-color); } } .theme-dark .ribbon-blue-to-default .ribbon-content.theme-dark.ribbon-blue-to-default .ribbon-content { color: var(--ribbon-text-color-initial); animation: animate-color-fff-ffffff 1s cubic-bezier(0.4200.581) 1.8s forwards; } @media (prefers-reduced-motion) { .theme-dark .ribbon-blue-to-default .ribbon-content.theme-dark.ribbon-blue-to-default .ribbon-content { color: var(--ribbon-text-color); animation: none; } } .theme-dark .ribbon-blue-to-default .ribbon-link:focus.theme-dark.ribbon-blue-to-default .ribbon-link:focus { outline-color: var(--ribbon-focus-color); } @keyframes animate-color-fff-2997ff { 0% { color: var(--ribbon-link-color-initial); } 100% { color: var(--ribbon-link-color); } } .theme-dark .ribbon-blue-to-default .ribbon-link.theme-dark.ribbon-blue-to-default .ribbon-link { color: var(--ribbon-link-color-initial); animation: animate-color-fff-2997ff 1s cubic-bezier(0.4200.581) 1.8s forwards; } @media (prefers-reduced-motion) { .theme-dark .ribbon-blue-to-default .ribbon-link.theme-dark.ribbon-blue-to-default .ribbon-link { color: var(--ribbon-link-color); animation: none; } } .theme-light .ribbon.theme-light.ribbon { --ribbon-background-color: #ffffff; --ribbon-text-color: #1d1d1f; --ribbon-link-color: #06c; --ribbon-focus-color: rgba(01252500.6); } .theme-light .ribbon .ribbon-content-wrapper.theme-light.ribbon .ribbon-content-wrapper { background-color: var(--ribbon-background-color); } .theme-light .ribbon .ribbon-content.theme-light.ribbon .ribbon-content { color: var(--ribbon-text-color); } .theme-light .ribbon .ribbon-link:focus.theme-light.ribbon .ribbon-link:focus { outline-color: var(--ribbon-focus-color); } .theme-light .ribbon .ribbon-link.theme-light.ribbon .ribbon-link { color: var(--ribbon-link-color); } .theme-light .ribbon-blue.theme-light.ribbon-blue { --ribbon-background-color: #0071e3; --ribbon-text-color: #fff; --ribbon-link-color: #fff; --ribbon-focus-color: rgba(2552552550.6); } .theme-light .ribbon-blue .ribbon-content-wrapper.theme-light.ribbon-blue .ribbon-content-wrapper { background-color: var(--ribbon-background-color); } .theme-light .ribbon-blue .ribbon-content.theme-light.ribbon-blue .ribbon-content { color: var(--ribbon-text-color); } .theme-light .ribbon-blue .ribbon-link:focus.theme-light.ribbon-blue .ribbon-link:focus { outline-color: var(--ribbon-focus-color); } .theme-light .ribbon-blue .ribbon-link.theme-light.ribbon-blue .ribbon-link { color: var(--ribbon-link-color); } .theme-light .ribbon-blue-to-default.theme-light.ribbon-blue-to-default { --ribbon-background-color: #ffffff; --ribbon-background-color-initial: #0071e3; --ribbon-text-color: #1d1d1f; --ribbon-text-color-initial: #fff; --ribbon-link-color: #06c; --ribbon-focus-color: rgba(01252500.6); --ribbon-link-color-initial: #fff; } @keyframes animate-background-0071e3-ffffff { 0% { background-color: var(--ribbon-background-color-initial); } 100% { background-color: var(--ribbon-background-color); } } .theme-light .ribbon-blue-to-default .ribbon-content-wrapper.theme-light.ribbon-blue-to-default .ribbon-content-wrapper { background-color: var(--ribbon-background-color-initial); animation: animate-background-0071e3-ffffff 1s cubic-bezier(0.4200.581) 1.8s forwards; } @media (prefers-reduced-motion) { .theme-light .ribbon-blue-to-default .ribbon-content-wrapper.theme-light.ribbon-blue-to-default .ribbon-content-wrapper { background-color: var(--ribbon-background-color); animation: none; } } @keyframes animate-color-fff-1d1d1f { 0% { color: var(--ribbon-text-color-initial); } 100% { color: var(--ribbon-text-color); } } .theme-light .ribbon-blue-to-default .ribbon-content.theme-light.ribbon-blue-to-default .ribbon-content { color: var(--ribbon-text-color-initial); animation: animate-color-fff-1d1d1f 1s cubic-bezier(0.4200.581) 1.8s forwards; } @media (prefers-reduced-motion) { .theme-light .ribbon-blue-to-default .ribbon-content.theme-light.ribbon-blue-to-default .ribbon-content { color: var(--ribbon-text-color); animation: none; } } .theme-light .ribbon-blue-to-default .ribbon-link:focus.theme-light.ribbon-blue-to-default .ribbon-link:focus { outline-color: var(--ribbon-focus-color); } @keyframes animate-color-fff-06c { 0% { color: var(--ribbon-link-color-initial); } 100% { color: var(--ribbon-link-color); } } .theme-light .ribbon-blue-to-default .ribbon-link.theme-light.ribbon-blue-to-default .ribbon-link { color: var(--ribbon-link-color-initial); animation: animate-color-fff-06c 1s cubic-bezier(0.4200.581) 1.8s forwards; } @media (prefers-reduced-motion) { .theme-light .ribbon-blue-to-default .ribbon-link.theme-light.ribbon-blue-to-default .ribbon-link { color: var(--ribbon-link-color); animation: none; } } .globalheader-dark .ribbon.globalheader-dark.ribbon { --ribbon-background-color: #1d1d1f; --ribbon-text-color: #ffffff; --ribbon-link-color: #2997ff; --ribbon-focus-color: rgba(01252500.6); } .globalheader-dark .ribbon .ribbon-content-wrapper.globalheader-dark.ribbon .ribbon-content-wrapper { background-color: var(--ribbon-background-color); } .globalheader-dark .ribbon .ribbon-content.globalheader-dark.ribbon .ribbon-content { color: var(--ribbon-text-color); } .globalheader-dark .ribbon .ribbon-link:focus.globalheader-dark.ribbon .ribbon-link:focus { outline-color: var(--ribbon-focus-color); } .globalheader-dark .ribbon .ribbon-link.globalheader-dark.ribbon .ribbon-link { color: var(--ribbon-link-color); } .globalheader-dark .ribbon-blue.globalheader-dark.ribbon-blue { --ribbon-background-color: #0071e3; --ribbon-text-color: #fff; --ribbon-link-color: #fff; --ribbon-focus-color: rgba(2552552550.6); } .globalheader-dark .ribbon-blue .ribbon-content-wrapper.globalheader-dark.ribbon-blue .ribbon-content-wrapper { background-color: var(--ribbon-background-color); } .globalheader-dark .ribbon-blue .ribbon-content.globalheader-dark.ribbon-blue .ribbon-content { color: var(--ribbon-text-color); } .globalheader-dark .ribbon-blue .ribbon-link:focus.globalheader-dark.ribbon-blue .ribbon-link:focus { outline-color: var(--ribbon-focus-color); } .globalheader-dark .ribbon-blue .ribbon-link.globalheader-dark.ribbon-blue .ribbon-link { color: var(--ribbon-link-color); } .globalheader-dark .ribbon-blue-to-default.globalheader-dark.ribbon-blue-to-default { --ribbon-background-color: #1d1d1f; --ribbon-background-color-initial: #0071e3; --ribbon-text-color: #ffffff; --ribbon-text-color-initial: #fff; --ribbon-link-color: #2997ff; --ribbon-focus-color: rgba(01252500.6); --ribbon-link-color-initial: #fff; } @keyframes animate-background-0071e3-1d1d1f { 0% { background-color: var(--ribbon-background-color-initial); } 100% { background-color: var(--ribbon-background-color); } } .globalheader-dark .ribbon-blue-to-default .ribbon-content-wrapper.globalheader-dark.ribbon-blue-to-default .ribbon-content-wrapper { background-color: var(--ribbon-background-color-initial); animation: animate-background-0071e3-1d1d1f 1s cubic-bezier(0.4200.581) 1.8s forwards; } .ribbon .typography-caption { font-weight: 400; font-size: 12px; } @media (prefers-reduced-motion) { .globalheader-dark .ribbon-blue-to-default .ribbon-content-wrapper.globalheader-dark.ribbon-blue-to-default .ribbon-content-wrapper { background-color: var(--ribbon-background-color); animation: none; } } @keyframes animate-color-fff-ffffff { 0% { color: var(--ribbon-text-color-initial); } 100% { color: var(--ribbon-text-color); } } .globalheader-dark .ribbon-blue-to-default .ribbon-content.globalheader-dark.ribbon-blue-to-default .ribbon-content, .globalheader-dark .ribbon-blue-to-default .ribbon-footnote.globalheader-dark.ribbon-blue-to-default .ribbon-footnote { color: var(--ribbon-text-color-initial); animation: animate-color-fff-ffffff 1s cubic-bezier(0.4200.581) 1.8s forwards; } @media (prefers-reduced-motion) { .globalheader-dark .ribbon-blue-to-default .ribbon-content.globalheader-dark.ribbon-blue-to-default .ribbon-content, .globalheader-dark .ribbon-blue-to-default .ribbon-footnote.globalheader-dark.ribbon-blue-to-default .ribbon-footnote { color: var(--ribbon-text-color); animation: none; } } .globalheader-dark .ribbon-blue-to-default .ribbon-link:focus.globalheader-dark.ribbon-blue-to-default .ribbon-link:focus { outline-color: var(--ribbon-focus-color); } @keyframes animate-color-fff-2997ff { 0% { color: var(--ribbon-link-color-initial); } 100% { color: var(--ribbon-link-color); } } .globalheader-dark .ribbon-blue-to-default .ribbon-link.globalheader-dark.ribbon-blue-to-default .ribbon-link { color: var(--ribbon-link-color-initial); animation: animate-color-fff-2997ff 1s cubic-bezier(0.4200.581) 1.8s forwards; } @media (prefers-reduced-motion) { .globalheader-dark .ribbon-blue-to-default .ribbon-link.globalheader-dark.ribbon-blue-to-default .ribbon-link { color: var(--ribbon-link-color); animation: none; } } #arg-ribbon .typography-caption { font-size: 14px; line-height: 1.42861; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text""SF Pro Icons""Helvetica Neue""Helvetica", "Arial"sans-serif; } /* BEGIN>> homepage ribbon */ .page-home .ribbon .typography-caption { font-size: 14px; } /* END>> homepage ribbon */ .ribbon br.medium { display: none; } @media only screen and (max-width: 1068px) { .ribbon br.medium { display: block; } } @media only screen and (max-width: 734px) { .ribbon br.medium { display: none; } } @media only screen and (min-width: 735px) { .ribbon br.small-only { display: none; } }
Shop online for free delivery.
Call us at 1800-80-6419 or visit support.

MacBook Neo

Amazing Mac. Surprising price.

Check back later for availability

 

iPhone 17e

Feature stacked. Value packed.

Available starting 11 March

 

MacBook Pro

Now with M5M5 Pro and M5 Max.

Check back later for availability of new models

 

MacBook Air

Now supercharged by M5.

Check back later for availability

 

iPad Air

Now supercharged by M4.

Available starting 11 March

 

Studio Display XDR

Pixel sharpener.

 

Studio Display

A sight to be bold.

 

iPhone 17 Pro

All out Pro.

 

Apple Trade In

Get RM 775 to RM 3,800 in credit towards iPhone 17iPhone Air or iPhone 17 Pro when you trade in iPhone 13 or higher.*