/* Tema v4: biru langit dan putih — khusus Program Computer Dili */
:root{--navy:#103b62;--navy2:#0e588c;--blue:#1495d2;--yellow:#22a3db;--ink:#12324d;--muted:#5e778a;--border:#d9ecf8;--pale:#f1f9fe;--shadow:0 16px 35px rgba(15,93,145,.09)}
html,body{background:#fff;color:#193b54}
.demo-strip{background:#0b5790;color:#e9f7ff}.demo-bullet{background:#95e3ff}
.site-header{background:#fff;border-bottom:1px solid #dceefa;box-shadow:0 2px 17px #0c629116}
.brand-mark{background:linear-gradient(135deg,#178cc7,#62cafa);color:#fff;box-shadow:0 7px 17px #1f8bc52b}
.brand-mark span{color:#ddf6ff}
.brand-word>span.brand-main{color:#0e3456}
.brand-word>span.brand-location{color:#1889be}
.brand-word small{color:#688ba1}
.nav-main a{color:#4b7089}.nav-main a.current,.nav-main a:hover{color:#0588c6}
.lang-switch{background:#edf8ff;border:1px solid #d5edfb}.lang-switch button.active{background:#0a8fc8;color:#fff}
.cart-trigger{background:#0c79b7;color:white;border:0}.cart-outline{color:#d9f6ff}.cart-trigger b{background:#d5f4ff;color:#0e608b}
.hero{background:#127fb8;border:1px solid #c1e8fa;box-shadow:0 18px 37px #127fb522}
.hero::before{background:linear-gradient(90deg,rgba(5,71,119,.98) 0%,rgba(6,86,145,.95) 33%,rgba(12,115,176,.78) 53%,rgba(26,158,206,.20) 100%),url('assets/software-showcase.jpg') right 28% / cover no-repeat}
.hero::after{background:linear-gradient(90deg,#2baff0,#a3e6ff 44%,transparent)}
.eyebrow{background:rgba(241,251,255,.13);color:#e8f9ff;border:1px solid #bde8fc77}.eyebrow-dot{background:#90e5ff}
.hero h1{color:#fff;text-shadow:0 3px 18px #063f6c45}.hero h1 em{color:#aeeeff}.hero-sub{color:#ecf9ff}.hero-perks{color:#e9f7ff}
.btn-yellow{background:#e4f8ff;color:#07547c;box-shadow:0 8px 16px #084e7830}.btn-yellow:hover{background:white}
.btn-outline{border-color:#baeaff;background:#ffffff1f;color:white}.btn-dark{background:#086fa9;color:white}.btn-soft{background:#e9f8ff;color:#087ab0}
.trustbar{background:#fff;border-bottom:1px solid #e3f2fb}.trust-icon{background:#e7f8ff;color:#087eae}.trustbar-grid>div{border-color:#e1eff7}
.section-categories,.feature-section{background:white}.products-home,.page-main{background:#f4faff}
.mini-kicker{color:#118fc5}.text-link,.category-card i{color:#087cb4}
.category-card,.product-card{border:1px solid #e0f0fb;background:#fff;box-shadow:0 7px 22px #1e84b910}
.category-card:hover{border-color:#9edbf6;box-shadow:0 12px 26px #1580b91e}
.category-art.art-blue,.category-art.art-green,.category-art.art-purple,.category-art.art-orange,.category-art.art-pink,.category-art.art-sky{background:#e7f7ff;color:#1689c0}
.product-art.os,.product-art.design,.product-art.security,.product-art.business,.product-art.education,.product-art.office{background:linear-gradient(135deg,#e2f7ff,#f4fbff)}
.product-symbol,.design .product-symbol,.security .product-symbol,.business .product-symbol,.education .product-symbol,.office .product-symbol{color:#147eb0;background:#fff;box-shadow:0 12px 24px #147aaf21}
.product-content h3{color:#183c54}.feature-left h2 em{color:#0a91c7}
.page-banner{background:linear-gradient(110deg,#0c5592,#32b4e7);border-bottom:4px solid #c7f4ff}.page-banner .mini-kicker{color:#e3f8ff}.page-banner p{color:#ecf9ff}.banner-deco{color:#c5f5ff}
.about-graphic{background:linear-gradient(135deg,#085792,#47c6e9)}.about-badge{color:#e4faff;border-color:#c2f2ff}
.contact-panel{background:linear-gradient(112deg,#0b5a94,#169bc8)}.contact-panel .mini-kicker,.contact-info small{color:#b7f1ff}.contact-info{border-color:#b9eafa67}
.site-footer{background:#0c3557}.footer-brand{color:#b7eefe}.footer-demo-link{color:#b7eefe}
.cart-mini-art{background:#e6f8ff;color:#0f83b5}.toast{background:#126b9d}
.nav-main.open{background:#0b5a8d}.nav-main.open a.current{color:#b7efff}
/* Foto produk dari Sanity */
.product-art.cms-photo{position:relative;overflow:hidden;padding:0}
.product-art.cms-photo img{display:block;width:100%;height:100%;min-height:172px;object-fit:cover}
.product-art.cms-photo .product-chip{position:absolute;z-index:1;top:12px;left:12px;background:#e0f7ffed;color:#0b648c}
.product-video-link{display:inline-block;margin:6px 0 12px;font-size:12px;color:#0b80bb;text-decoration:underline;font-weight:700}
.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:10px;background:white}
.hero.cms-custom-hero::before{background:linear-gradient(90deg,rgba(5,71,119,.97) 0%,rgba(6,86,145,.91) 35%,rgba(12,115,176,.65) 56%,rgba(15,144,191,.15) 100%),var(--cms-hero-image) right 30% / cover no-repeat}
.cms-status{font-size:11px;font-weight:650;color:#426c82}
@media(max-width:860px){.hero::before{background:linear-gradient(90deg,rgba(4,73,121,.98),rgba(10,115,174,.78)),url('assets/software-showcase.jpg') 65% 35% / cover no-repeat}.hero.cms-custom-hero::before{background:linear-gradient(90deg,rgba(4,73,121,.98),rgba(10,115,174,.78)),var(--cms-hero-image) 65% 35% / cover no-repeat}}
@media(max-width:620px){.hero::before{background:linear-gradient(180deg,rgba(3,73,118,.97),rgba(9,108,158,.88)),url('assets/software-showcase.jpg') 62% 31% / cover no-repeat}.hero.cms-custom-hero::before{background:linear-gradient(180deg,rgba(3,73,118,.97),rgba(9,108,158,.88)),var(--cms-hero-image) 62% 31% / cover no-repeat}}

.product-video-link[data-detail]{background:none;border:0;padding:0;text-align:left;cursor:pointer;font-family:inherit}
.cms-gallery{margin:14px 0 22px}.cms-gallery-main{width:100%;height:240px;object-fit:contain;border-radius:12px;border:1px solid #d7edf9;background:#f3fbff}
.cms-gallery-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.cms-gallery-thumbs button{padding:2px;border-radius:8px;border:1px solid #cce4f2;background:white;cursor:pointer}.cms-gallery-thumbs img{width:62px;height:62px;object-fit:cover;border-radius:5px}

.cms-status{padding-top:12px;padding-bottom:12px;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.cms-status button{border:1px solid #b3dff2;border-radius:6px;padding:5px 10px;background:white;color:#07547c;cursor:pointer}.brand-word{min-width:0}.brand-main{overflow-wrap:anywhere}