/* IT Soft BD Shop — normal white + green storefront finish */
.topbar{background:#F1FBF6!important;color:#3F5A4E!important;border-bottom:1px solid #DCEBE2!important}
.topbar a,.topbar-links a{color:#3F5A4E!important}
.topbar a:hover,.topbar-links a:hover{color:#0F8A5C!important}
.topbar-sep{background:#CFE8D8!important}
.topbar-chip{background:#fff!important;color:#0F7A52!important;border:1px solid #DCEBE2!important}
.topbar .topbar-in{color:#3F5A4E}
.h-slide.theme-ink{background:linear-gradient(135deg,#F1FBF6 0%,#FFFFFF 55%,#E8F8EE 100%)!important;color:#123D2E!important}
.h-slide.theme-ink .h-display{color:#123D2E!important}
.h-slide.theme-ink .h-display em{color:#0F8A5C!important}
.h-slide.theme-ink .h-lede{color:#5F7268!important}
.h-slide.theme-ink .h-kicker{background:#fff!important;border-color:#DCEBE2!important;color:#0F7A52!important}
.h-slide.theme-ink .h-kicker-line{background:#16A06A!important}
.h-slide.theme-ink .h-btn-primary{background:#0F8A5C!important;color:#fff!important}
.h-slide.theme-ink .h-btn-primary:hover{background:#0B6B47!important}
.h-slide.theme-ink .h-btn-quiet{color:#3F5A4E!important;border-color:#CFE8D8!important;background:#fff!important}
.h-slide.theme-ink .h-btn-quiet:hover{border-color:#9AD9B9!important;background:#F7FCF9!important}
.h-slide.theme-ink .h-trust{color:#5F7268!important}
.h-slide.theme-ink .h-trust strong{color:#123D2E!important}
.h-slide.theme-ink .h-stars{color:#16A06A!important}
.h-slide.theme-ink .h-stage-num{color:rgba(15,138,92,.14)!important}
.h-slide.theme-ink .h-stage-frame{background:linear-gradient(140deg,#E8F8EE,#F7FCF9)!important}
.h-slide.theme-ink .h-stage-frame:before{border-color:#CFE8D8!important;background:rgba(255,255,255,.28)!important}
.h-slide.theme-ink .h-float{background:#fff!important;color:#123D2E!important;border-color:#DCEBE2!important;box-shadow:0 14px 28px -22px rgba(18,61,46,.35)!important}
.h-bests-band{background:linear-gradient(112deg,#F1FBF6 0%,#E8F8EE 58%,#DDF4E7 100%)!important;color:#123D2E!important;box-shadow:0 18px 35px -34px rgba(18,61,46,.3)!important}
.h-bests-band:before{background:none!important}
.h-bests-band .h-label,.h-bests-band .h-label-light{color:#0F7A52!important}
.h-bests-band .h-label i{background:#16A06A!important}
.h-bests-band .h-bests-copy h2{color:#123D2E!important}
.h-bests-band .h-bests-copy h2 em{color:#0F8A5C!important}
.h-bests-band .h-bests-offer small{color:#5F7A6D!important}
.h-bests-band .h-bests-offer strong{color:#123D2E!important}
.h-bests-band .h-bests-offer strong em{color:#0F8A5C!important}
.h-bests-band .h-bests-offer a,.h-bests-band .h-bests-all{color:#0F8A5C!important;border-color:#CFE8D8!important}
.h-bests-band .h-bests-offer a:hover,.h-bests-band .h-bests-all:hover{background:#0F8A5C!important;color:#fff!important}
.h-bests-art{opacity:.5}
.h-bests-art svg path,.h-bests-art svg circle{stroke:#16A06A!important}
.h-promise{background:#fff!important;border-bottom:1px solid #EDF7F2!important}
.foot-news{background:#F1FBF6!important;border-top:1px solid #DCEBE2!important;border-bottom:1px solid #DCEBE2!important}
.site-foot{background:#fff!important}
.foot-news .eyebrow{color:#0F8A5C!important}
.foot-news h2{color:#123D2E!important}
.foot-news h2 em{color:#0F8A5C!important}
.foot-news p{color:#5F7268!important}
.foot-news .btn-lime{background:#0F8A5C!important;color:#fff!important}
.foot-col h4{color:#123D2E!important}
.foot-col a,.foot-brand p,.foot-bottom{color:#5F7268!important}
.foot-col a:hover{color:#0F8A5C!important}
.foot-brand .brand-word{color:#123D2E!important}
.foot-social a{background:#E8F8EE!important;color:#0F7A52!important}
.news-field{background:#fff!important;border-color:#DCEBE2!important}
.news-field input{color:#123D2E!important}
@media(max-width:760px){
  .topbar{display:none!important}
  .h-slide.theme-ink{padding-top:24px}
}

@media(max-width:760px){.home .h-hero{display:none!important}}

.topbar .ticker-track{animation:none!important;transform:none!important;display:flex;gap:24px;align-items:center}
.topbar .ticker-track span:nth-child(n+4){display:none!important}
.topbar .ticker-window{overflow:visible!important;width:auto!important}

/* White / natural green mobile application dock */
@media (max-width:980px){
  .mobile-nav{
    background:#FFFFFF!important;
    border-top:1px solid #DCEBE2!important;
    box-shadow:0 -14px 34px -28px rgba(18,61,46,.42),inset 0 1px 0 #FFFFFF!important;
  }
  .mobile-nav .mn-item,.mobile-nav a,.mobile-nav button{color:#5F7268!important}
  .mobile-nav .mn-item:hover,.mobile-nav .mn-item.is-active,.mobile-nav a:hover,.mobile-nav button:hover,.mobile-nav button.is-active{color:#0F8A5C!important}
  .mobile-nav .mn-item.is-active::before,.mobile-nav a.is-active::before,.mobile-nav button.is-active::before{background:#0F8A5C!important;box-shadow:0 0 12px rgba(15,138,92,.32)!important}
  .mobile-nav .mn-orb{
    background:linear-gradient(145deg,#16A06A 0%,#0F8A5C 55%,#0B6B47 100%)!important;
    color:#FFFFFF!important;
    border:2px solid #FFFFFF!important;
    box-shadow:0 0 0 6px rgba(15,138,92,.10),0 14px 26px -10px rgba(11,107,71,.55)!important;
  }
  .mobile-nav .mn-shop.is-active .mn-orb{box-shadow:0 0 0 8px rgba(15,138,92,.13),0 16px 28px -10px rgba(11,107,71,.6)!important}
  .mobile-nav .mn-shop span:last-child{color:#5F7268!important}
  .mobile-nav .mn-shop.is-active span:last-child{color:#0F8A5C!important}
  .mobile-nav .bubble{background:#0F8A5C!important;color:#FFFFFF!important;border-color:#FFFFFF!important;box-shadow:0 0 0 1px rgba(15,138,92,.22)!important}
}

/* White / natural green category directory */
.ctg{--ink:#123D2E;--em:#0F8A5C;--lime:#7ED3AC;--bone:#F6FBF8;--line:#DCEBE2;--clay:#B4472C;background:#F6FBF8;color:#123D2E}
.ctg-hero{background:linear-gradient(135deg,#F1FBF6 0%,#FFFFFF 54%,#E8F8EE 100%)!important;color:#123D2E!important;border-bottom:1px solid #DCEBE2}
.ctg-hero::after{background:radial-gradient(circle,rgba(15,138,92,.13),transparent 70%)!important}
.ctg-kicker{color:#0F7A52!important}.ctg-kicker i{background:#0F8A5C!important}
.ctg-hero h1{color:#123D2E!important}.ctg-hero h1 em{color:#0F8A5C!important}
.ctg-hero p{color:#5F7268!important}
.ctg-chip{background:#FFFFFF!important;border-color:#DCEBE2!important;color:#3F5A4E!important}
.ctg-find label{color:#0F7A52!important}.ctg-find small{color:#6B7E72!important}
.ctg-search{border-color:#DCEBE2!important;box-shadow:0 18px 34px -30px rgba(18,61,46,.38)!important;color:#5F7268!important}
.ctg-search input{color:#123D2E!important}.ctg-search input::placeholder{color:#8AA092!important}
.ctg-search kbd{background:#F1FBF6!important;border-color:#DCEBE2!important;color:#0F7A52!important}
.ctg-bar{background:rgba(255,255,255,.94)!important;border-color:#DCEBE2!important;box-shadow:0 14px 24px -30px rgba(18,61,46,.35)!important}
.ctg-bar h2 i{background:#0F8A5C!important}.ctg-bar span,.ctg-count-txt{color:#6B7E72!important}.ctg-bar span b,.ctg-count-txt b{color:#123D2E!important}
.ctg-card{--cat-accent:#0F8A5C!important;border-color:#DCEBE2!important;background:#fff!important}
.ctg-card:hover{border-color:#9AD9B9!important;box-shadow:0 28px 46px -36px rgba(18,61,46,.45)!important}
.ctg-media{background:linear-gradient(135deg,#F1FBF6 0%,#E8F8EE 100%)!important}
.ctg-card.is-feature .ctg-media{background:radial-gradient(120% 140% at 30% 20%,#F7FCF9 0%,#E8F8EE 60%,#DDF4E7 100%)!important}
.ctg-icon{background:#fff!important;border-color:#DCEBE2!important;color:#0F8A5C!important;box-shadow:0 12px 22px -18px rgba(15,138,92,.5)!important}
.ctg-card.is-feature .ctg-icon{box-shadow:0 18px 30px -20px rgba(15,138,92,.45)!important}
.ctg-fallback{color:#0F8A5C!important;opacity:.4!important}
.ctg-num{background:#fff!important;border-color:#DCEBE2!important;color:#5F7268!important}
.ctg-card.is-feature .ctg-num{background:#0F8A5C!important;border-color:#0F8A5C!important;color:#fff!important}
.ctg-count{background:#0B6B47!important;color:#fff!important}
.ctg-title a{color:#123D2E!important}.ctg-title a:hover{color:#0F8A5C!important;text-decoration:none!important}
.ctg-title span{border-color:#DCEBE2!important;color:#5F7268!important}
.ctg-card:hover .ctg-title span{background:#0F8A5C!important;border-color:#0F8A5C!important;color:#fff!important}
.ctg-body p{color:#6B7E72!important}
.ctg-sub{background:#F7FCF9!important;border-color:#DCEBE2!important;color:#3F5A4E!important}.ctg-sub:hover{border-color:#9AD9B9!important;color:#0F8A5C!important}
.ctg-explore{color:#0F7A52!important;border-top-color:#EDF7F2!important}
.ctg-feature-tag{background:#F1FBF6!important;border-color:#DCEBE2!important;color:#0F7A52!important}.ctg-feature-tag i{background:#0F8A5C!important}
.ctg-feature-cta{background:#0F8A5C!important;color:#fff!important}.ctg-feature-cta:hover{background:#0B6B47!important}
.ctg-sort{border-color:#DCEBE2!important;background:#fff!important;color:#5F7268!important}
.ctg-views{border-color:#DCEBE2!important;background:#fff!important}.ctg-views button{color:#5F7268!important}.ctg-views button+button{border-left-color:#DCEBE2!important}.ctg-views button.is-on{background:#0F8A5C!important;color:#fff!important}
.ctg-empty{background:#fff!important;border-color:#DCEBE2!important;color:#6B7E72!important}
@media(max-width:760px){
  .ctg-hero{padding:18px 0 22px!important;border-radius:0 0 18px 18px!important}
  .ctg-hero h1{font-size:36px!important}
  .ctg-card.is-feature .ctg-media{height:142px!important}
  .ctg-bar{top:52px!important}
}

/* Category full-frame image + special icon badge */
.ctg-media{position:relative;display:block;overflow:hidden;background:linear-gradient(135deg,#F1FBF6,#E8F8EE)!important}
.ctg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.ctg-card:hover .ctg-img{transform:scale(1.045)}
.ctg-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(8,40,30,.62) 0%,rgba(8,40,30,.12) 46%,rgba(8,40,30,.02) 72%)}
.ctg-icon{position:absolute!important;left:12px;bottom:12px;z-index:3;width:44px!important;height:44px!important;border-radius:13px!important;background:rgba(255,255,255,.93)!important;border:1px solid rgba(255,255,255,.85)!important;color:#0F8A5C!important;display:grid!important;place-items:center!important;backdrop-filter:blur(10px);box-shadow:0 10px 22px -12px rgba(8,40,30,.55)!important;transform:none!important}
.ctg-icon .ico{width:22px!important;height:22px!important;stroke-width:1.8!important}
.ctg-card.is-feature .ctg-icon{width:62px!important;height:62px!important;border-radius:18px!important;left:16px;bottom:16px}
.ctg-card.is-feature .ctg-icon .ico{width:30px!important;height:30px!important}
.ctg-card:hover .ctg-icon{transform:translateY(-2px)!important}
.ctg-count,.ctg-num{z-index:4!important}
.ctg-card.is-feature .ctg-media{min-height:284px!important}
@media(max-width:760px){
  .ctg-icon{width:37px!important;height:37px!important;border-radius:11px!important;left:8px;bottom:8px}
  .ctg-icon .ico{width:19px!important;height:19px!important}
  .ctg-card.is-feature .ctg-icon{width:48px!important;height:48px!important;left:10px;bottom:10px}
  .ctg-card.is-feature .ctg-icon .ico{width:24px!important;height:24px!important}
}

/* Mobile application category screen — immersive full-frame tiles */
@media (max-width:760px){
  .ctg{background:#F6FBF8;padding-bottom:92px}
  .ctg-hero{
    padding:18px 0 20px!important;
    border-radius:0 0 28px 28px!important;
    background:linear-gradient(145deg,#16A06A 0%,#0F8A5C 48%,#0B6B47 100%)!important;
    color:#fff!important;
    box-shadow:0 22px 44px -34px rgba(11,107,71,.7);
  }
  .ctg-hero::after{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)!important}
  .ctg-wrap{padding:0 15px}
  .ctg-kicker{color:#D7F3E4!important;font-size:8px!important;margin-bottom:9px}
  .ctg-kicker i{background:#D7F3E4!important}
  .ctg-hero h1{color:#FFFFFF!important;font-size:38px!important;line-height:.92!important;letter-spacing:-.05em!important;margin-bottom:8px!important}
  .ctg-hero h1 em{color:#DDF4E7!important}
  .ctg-hero p{color:#D7EDE1!important;font-size:11px!important;line-height:1.6!important;max-width:32ch}
  .ctg-chips{margin-top:11px;gap:5px}
  .ctg-chip{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.24)!important;color:#FFFFFF!important;font-size:8px!important;padding:4px 8px!important}
  .ctg-find{margin-top:15px;max-width:none!important}
  .ctg-find label{color:#D7EDE1!important;font-size:8px!important;margin-bottom:5px}
  .ctg-search{height:48px!important;border-radius:13px!important;border:0!important;background:#FFFFFF!important;box-shadow:0 14px 28px -20px rgba(0,0,0,.4)!important}
  .ctg-search input{color:#123D2E!important;font-size:12px!important}
  .ctg-find small{color:#D7EDE1!important;font-size:8px!important;margin-top:6px}
  .ctg-bar{top:8px!important;margin:12px 0 12px!important;padding:7px 9px!important;background:rgba(255,255,255,.94)!important;border-color:#DCEBE2!important;border-radius:13px!important;box-shadow:0 12px 26px -24px rgba(18,61,46,.5)!important}
  .ctg-bar h2{font-size:13px!important}
  .ctg-count-txt{font-size:8px!important}
  .ctg-sort{height:28px!important;border-color:#DCEBE2!important}
  .ctg-views button{width:28px!important;height:28px!important}
  .ctg-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .ctg-card,.ctg-card.is-feature{
    position:relative;display:block!important;grid-column:auto;
    height:212px;min-height:0;
    border:0!important;border-radius:18px!important;
    background:#0B2F24;
    box-shadow:0 14px 24px -20px rgba(8,40,30,.65);
    overflow:hidden;
  }
  .ctg-card.is-feature{grid-column:span 2!important;height:260px}
  .ctg-media,.ctg-card.is-feature .ctg-media{
    position:absolute;inset:0;height:100%!important;min-height:0!important;
    aspect-ratio:auto!important;display:block!important;
  }
  .ctg-img{width:100%;height:100%;object-fit:cover}
  .ctg-scrim{background:linear-gradient(0deg,rgba(8,40,30,.92) 0%,rgba(8,40,30,.28) 48%,rgba(8,40,30,.02) 75%)!important}
  .ctg-body,.ctg-card.is-feature .ctg-body{
    position:absolute;left:0;right:0;bottom:0;z-index:5;
    padding:12px 13px 13px!important;background:linear-gradient(0deg,rgba(8,40,30,.94),rgba(8,40,30,.25) 70%,transparent)!important;
    display:block!important;min-height:0;
  }
  .ctg-title{align-items:flex-end!important;gap:6px!important}
  .ctg-title a,.ctg-card.is-feature .ctg-title a{color:#FFFFFF!important;font-size:14px!important;line-height:1.15!important;white-space:normal!important;text-shadow:0 1px 8px rgba(0,0,0,.3)}
  .ctg-card.is-feature .ctg-title a{font-size:23px!important}
  .ctg-title span{width:20px!important;height:20px!important;border-color:rgba(255,255,255,.4)!important;color:#FFFFFF!important;background:rgba(255,255,255,.08)!important;backdrop-filter:blur(6px)}
  .ctg-body p,.ctg-subs,.ctg-explore,.ctg-feature-cta,.ctg-feature-tag{display:none!important}
  .ctg-icon,.ctg-card.is-feature .ctg-icon{
    top:10px!important;left:10px!important;bottom:auto!important;
    width:38px!important;height:38px!important;border-radius:11px!important;
    background:rgba(255,255,255,.94)!important;border:1px solid #fff!important;
    color:#0F8A5C!important;box-shadow:0 8px 18px -10px rgba(0,0,0,.5)!important;
  }
  .ctg-card.is-feature .ctg-icon{width:46px!important;height:46px!important;border-radius:13px!important}
  .ctg-icon .ico{width:19px!important;height:19px!important}
  .ctg-card.is-feature .ctg-icon .ico{width:23px!important;height:23px!important}
  .ctg-count{top:10px!important;left:auto!important;right:10px!important;background:#FFFFFF!important;color:#0F8A5C!important;border:1px solid rgba(255,255,255,.7)!important;font-size:7.5px!important;padding:4px 7px!important}
  .ctg-num{display:none!important}
  .ctg-card:hover{transform:none!important;box-shadow:0 14px 24px -20px rgba(8,40,30,.65)!important}
}

/* Mobile app-drawer category icons */
.ctg-apps{display:none}
@media (max-width:760px){
  .ctg-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 6px;padding:16px 0 8px;margin:0 0 4px}
  .ctg-app{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;min-width:0;text-decoration:none}
  .ctg-app-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#16A06A,#0B6B47);box-shadow:0 10px 18px -12px rgba(11,107,71,.7),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .16s ease,box-shadow .16s ease}
  .ctg-app-icon .ico{width:27px!important;height:27px!important;stroke-width:1.65!important}
  .ctg-app-icon-2{background:linear-gradient(145deg,#38B985,#0F8A5C)}
  .ctg-app-icon-3{background:linear-gradient(145deg,#0F8A5C,#0B5B3E)}
  .ctg-app-icon-4{background:linear-gradient(145deg,#7ED3AC,#0F7A52);color:#0B3B2B}
  .ctg-app-icon-4 .ico{stroke:#0B3B2B!important}
  .ctg-app:active .ctg-app-icon{transform:scale(.94);box-shadow:0 6px 12px -10px rgba(11,107,71,.55)}
  .ctg-app b{font-family:'Bricolage Grotesque',sans-serif;font-size:9.5px;line-height:1.15;color:#123D2E;font-weight:650;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:78px}
  .ctg-apps + .ctg-bar{margin-top:8px!important}
}

/* Mobile drawer — category link list matching app design */
@media (max-width:980px){
  .mobile-drawer{width:100%!important;max-width:100vw!important;background:#F8FBF9!important;border-radius:0!important}
  .md-head{padding:16px 16px 8px!important;background:#F8FBF9!important}
  .md-body{padding:4px 14px 28px!important}
  .md-shop{border-radius:16px!important;background:#0F8A5C!important;color:#fff!important;border:0!important;box-shadow:0 14px 26px -20px rgba(11,107,71,.55)!important;margin-bottom:18px}
  .md-shop small{color:#D7EDE1!important}.md-shop strong{color:#fff!important}.md-shop-arrow{background:rgba(255,255,255,.16)!important;color:#fff!important}
  .md-section{margin-bottom:18px!important}
  .md-label{font-size:10px!important;letter-spacing:.13em!important;font-weight:800!important;color:#8A9A90!important;text-transform:uppercase!important;margin:0 4px 8px!important;display:block}
  .md-cats{background:#FFFFFF!important;border:1px solid #E4EEE8!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 10px 24px -24px rgba(18,61,46,.35)!important}
  .md-cat-group{border-bottom:1px solid #EEF4F0}
  .md-cat-group:last-child{border-bottom:0}
  .md-cat{padding:11px 12px!important;gap:12px!important;border:0!important;background:#fff!important}
  .md-cat:active{background:#F6FBF8!important}
  .md-cat-ic{width:46px!important;height:46px!important;border-radius:14px!important;font-size:14px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.025)}
  .md-cat-ic .ico{width:21px!important;height:21px!important;stroke-width:1.65!important}
  .md-ic-1{background:#E4F3EA!important;color:#1E6B4F!important}
  .md-ic-2{background:#E3EEF5!important;color:#2F5D75!important}
  .md-ic-3{background:#EAE7F8!important;color:#5B4B8A!important}
  .md-ic-4{background:#F8E6ED!important;color:#8C3D5C!important}
  .md-ic-5{background:#F7F1DA!important;color:#7A6220!important}
  .md-ic-6{background:#F8E8E1!important;color:#8A4A2F!important}
  .md-cat-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
  .md-cat-txt strong{font-size:15.5px!important;font-weight:750!important;letter-spacing:-.02em!important;color:#123D2E!important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .md-cat-txt small{font-size:11px!important;color:#8A9A90!important;font-weight:500!important;letter-spacing:0}
  .md-cat>.ico{color:#B9C6BE!important;width:16px!important;height:16px!important}
  .md-subcats{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px 70px;background:#fff}
  .md-chip{display:inline-flex;align-items:center;gap:5px;min-height:31px;padding:6px 11px;border:1px solid #E4EEE8;border-radius:999px;background:#fff;color:#3F5A4E;font-size:11.5px;font-weight:600;text-decoration:none;line-height:1;transition:background .15s,border-color .15s,color .15s}
  .md-chip b{font-size:10.5px;color:#0F8A5C;font-weight:800}
  .md-chip:hover,.md-chip:active{background:#F1FBF6;border-color:#9AD9B9;color:#0F7A52;text-decoration:none}
  .md-tiles{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .md-tile{min-height:52px!important;padding:11px 12px!important;background:#fff!important;border:1px solid #E4EEE8!important;border-radius:14px!important;color:#22473A!important;font-size:12.5px!important;font-weight:650!important;gap:8px!important;box-shadow:0 6px 14px -14px rgba(18,61,46,.35)}
  .md-tile .ico{flex:none;color:#0F8A5C!important;width:17px!important;height:17px!important}
  .md-tile:active{background:#F1FBF6!important}
  .md-flash{border-radius:14px!important;border:1px solid #DCEBE2!important;background:#fff!important;color:#0F7A52!important;font-size:12px!important;padding:12px 13px!important}
}

/* Mobile home — category cards match the app category update */
.h-cat-icon,.h-cat-count{display:none}
@media (max-width:760px){
  .home .h-cats{padding-top:8px!important}
  .home .h-cats .h-head{margin-bottom:11px!important;align-items:flex-end!important}
  .home .h-cats .h-label{color:#0F7A52!important;font-size:8px!important;letter-spacing:.14em!important}
  .home .h-cats .h-label i{background:#0F8A5C!important}
  .home .h-cats h2{font-size:30px!important;letter-spacing:-.045em!important;color:#123D2E!important}
  .home .h-cats h2 em{color:#0F8A5C!important}
  .home .h-cats .h-link{font-size:9px!important;color:#0F7A52!important}
  .home .h-cat-rail{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;
    overflow:visible!important;margin:0!important;padding:0!important;
  }
  .home .h-cat{
    position:relative;display:block!important;min-width:0!important;width:auto!important;
    height:182px;border-radius:18px!important;overflow:hidden;background:#0B2F24;
    box-shadow:0 14px 24px -20px rgba(8,40,30,.55);
  }
  .home .h-cat-media{position:absolute!important;inset:0;width:100%!important;height:100%!important;border-radius:18px!important;display:block!important}
  .home .h-cat-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
  .home .h-cat-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,40,30,.9) 0%,rgba(8,40,30,.25) 50%,rgba(8,40,30,.02) 75%)!important}
  .home .h-cat-icon{
    display:grid!important;place-items:center;position:absolute;z-index:4;top:9px;left:9px;
    width:37px;height:37px;border-radius:11px;background:rgba(255,255,255,.94);color:#0F8A5C!important;
    border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 18px -10px rgba(0,0,0,.5);
  }
  .home .h-cat-icon .ico{width:19px!important;height:19px!important;stroke-width:1.7!important}
  .home .h-cat-count{
    display:block!important;position:absolute;z-index:4;top:9px;right:9px;
    min-width:24px;padding:4px 7px;border-radius:999px;background:#fff;color:#0F8A5C;
    font-family:'Bricolage Grotesque',sans-serif;font-size:7.5px;font-weight:800;text-align:center;letter-spacing:.02em;
  }
  .home .h-cat-meta{
    position:absolute!important;left:0;right:0;bottom:0;z-index:4;
    padding:30px 11px 11px!important;display:block!important;
    background:linear-gradient(0deg,rgba(8,40,30,.94),rgba(8,40,30,.2) 70%,transparent);
  }
  .home .h-cat-meta strong{display:block;color:#fff!important;font-size:14px!important;line-height:1.15!important;letter-spacing:-.02em!important;text-shadow:0 1px 8px rgba(0,0,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .home .h-cat-meta small{display:block;color:#CFE9DB!important;font-size:9px!important;margin-top:3px!important}
  .home .h-cat-go{display:none!important}
}

@media (max-width:760px){.home .h-cats .h-head{align-items:flex-start!important;text-align:left!important}}

/* Mobile home — category link list (matches app list design) */
@media (max-width:760px){
  .home .h-cat-rail{
    display:block!important;background:#fff!important;border:1px solid #E4EEE8!important;
    border-radius:20px!important;overflow:hidden!important;
    box-shadow:0 12px 26px -26px rgba(18,61,46,.4)!important;
  }
  .home .h-cat{
    position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;
    width:100%!important;height:auto!important;min-height:68px!important;
    padding:11px 12px!important;margin:0!important;border:0!important;border-bottom:1px solid #EEF4F0!important;
    border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important;
  }
  .home .h-cat:last-child{border-bottom:0!important}
  .home .h-cat:active{background:#F6FBF8!important}
  .home .h-cat-media{display:none!important}
  .home .h-cat-shade,.home .h-cat-count{display:none!important}
  .home .h-cat-icon{
    position:static!important;top:auto!important;left:auto!important;
    display:grid!important;place-items:center!important;flex:none!important;
    width:46px!important;height:46px!important;border-radius:14px!important;
    background:#E4F3EA!important;color:#1E6B4F!important;border:0!important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.025)!important;
  }
  .home .h-cat-icon .ico{width:21px!important;height:21px!important;stroke-width:1.65!important}
  .home .h-cat:nth-child(6n+2) .h-cat-icon{background:#E3EEF5!important;color:#2F5D75!important}
  .home .h-cat:nth-child(6n+3) .h-cat-icon{background:#EAE7F8!important;color:#5B4B8A!important}
  .home .h-cat:nth-child(6n+4) .h-cat-icon{background:#F8E6ED!important;color:#8C3D5C!important}
  .home .h-cat:nth-child(6n+5) .h-cat-icon{background:#F7F1DA!important;color:#7A6220!important}
  .home .h-cat:nth-child(6n+6) .h-cat-icon{background:#F8E8E1!important;color:#8A4A2F!important}
  .home .h-cat-meta{
    position:static!important;left:auto!important;right:auto!important;bottom:auto!important;
    flex:1!important;min-width:0!important;padding:0!important;background:none!important;display:flex!important;flex-direction:column!important;gap:2px!important;
  }
  .home .h-cat-meta strong{
    color:#123D2E!important;font-size:15.5px!important;line-height:1.2!important;letter-spacing:-.02em!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:750!important;text-shadow:none!important;
  }
  .home .h-cat-meta small{color:#8A9A90!important;font-size:11px!important;margin:0!important;font-weight:500!important}
  .home .h-cat-go{
    display:grid!important;place-items:center!important;position:static!important;
    width:auto!important;height:auto!important;border:0!important;background:none!important;
    color:#B9C6BE!important;flex:none!important;box-shadow:none!important;
  }
  .home .h-cat-go .ico{width:16px!important;height:16px!important}
}

@media (max-width:760px){
  .home .h-cats .h-cat-media{
    display:grid!important;place-items:center!important;position:static!important;
    width:46px!important;height:46px!important;flex:none!important;background:transparent!important;border-radius:14px!important;overflow:visible!important;
  }
  .home .h-cats .h-cat-media img,.home .h-cats .h-cat-shade{display:none!important}
  .home .h-cats .h-cat .h-cat-icon{position:static!important;display:grid!important;width:46px!important;height:46px!important;flex:none!important}
  .home .h-cats .h-cat-meta{align-items:flex-start!important;text-align:left!important}
  .home .h-cats .h-cat .h-cat-go{display:grid!important;place-items:center!important;margin-left:auto!important;color:#B9C6BE!important}
}

@media (max-width:760px){
  .home .h-cats .h-cat .h-cat-go{opacity:1!important;transform:none!important;visibility:visible!important}
}

/* Mobile category page — same category-link list */
.ctg-mhead,.ctg-list{display:none}
@media (max-width:760px){
  .ctg{background:#F8FBF9!important;padding-bottom:92px!important}
  .ctg-hero{display:none!important}
  .ctg-apps,.ctg-bar,.ctg-grid{display:none!important}
  .ctg-wrap{padding:0 15px!important}
  .ctg-mhead{display:block!important;padding:16px 0 11px!important}
  .ctg-mhead>span{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#8A9A90;margin-bottom:5px}
  .ctg-mhead h1{font-family:'Bricolage Grotesque',sans-serif;font-size:34px;line-height:.95;letter-spacing:-.045em;color:#123D2E;margin:0 0 5px}
  .ctg-mhead p{margin:0;font-size:10.5px;color:#7E9085}
  .ctg-list{display:block!important;background:#fff;border:1px solid #E4EEE8;border-radius:20px;overflow:hidden;box-shadow:0 12px 26px -26px rgba(18,61,46,.4)}
  .ctg-row{display:flex!important;align-items:center!important;gap:12px!important;padding:11px 12px!important;border-bottom:1px solid #EEF4F0;text-decoration:none!important;color:#123D2E!important}
  .ctg-row:last-child{border-bottom:0}
  .ctg-row:active{background:#F6FBF8}
  .ctg-row-ic{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;background:#E4F3EA;color:#1E6B4F;box-shadow:inset 0 0 0 1px rgba(0,0,0,.025)}
  .ctg-row-ic .ico{width:21px!important;height:21px!important;stroke-width:1.65!important}
  .ctg-row-ic-2{background:#E3EEF5;color:#2F5D75}
  .ctg-row-ic-3{background:#EAE7F8;color:#5B4B8A}
  .ctg-row-ic-4{background:#F8E6ED;color:#8C3D5C}
  .ctg-row-ic-5{background:#F7F1DA;color:#7A6220}
  .ctg-row-ic-6{background:#F8E8E1;color:#8A4A2F}
  .ctg-row-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
  .ctg-row-meta strong{font-size:15.5px;font-weight:750;letter-spacing:-.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#123D2E}
  .ctg-row-meta small{font-size:11px;font-weight:500;color:#8A9A90}
  .ctg-row>.ico{color:#B9C6BE!important;flex:none;width:16px!important;height:16px!important}
}

/* Restore homepage mobile full-frame category cards (old design) */
@media (max-width:760px){
  .home .h-cats .h-cat-rail{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;
    background:transparent!important;border:0!important;border-radius:0!important;
    overflow:visible!important;box-shadow:none!important;
  }
  .home .h-cats .h-cat{
    position:relative!important;display:block!important;width:auto!important;min-width:0!important;
    height:182px!important;min-height:0!important;padding:0!important;margin:0!important;
    border:0!important;border-radius:18px!important;overflow:hidden!important;
    background:#0B2F24!important;box-shadow:0 14px 24px -20px rgba(8,40,30,.55)!important;
  }
  .home .h-cats .h-cat-media{
    display:block!important;position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;border-radius:18px!important;background:#0B2F24!important;
  }
  .home .h-cats .h-cat-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  .home .h-cats .h-cat-shade{display:block!important;position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,40,30,.9) 0%,rgba(8,40,30,.25) 50%,rgba(8,40,30,.02) 75%)!important}
  .home .h-cats .h-cat .h-cat-icon{
    display:grid!important;place-items:center!important;position:absolute!important;
    top:9px!important;left:9px!important;width:37px!important;height:37px!important;
    border-radius:11px!important;background:rgba(255,255,255,.94)!important;color:#0F8A5C!important;
    border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 8px 18px -10px rgba(0,0,0,.5)!important;z-index:4!important;
  }
  .home .h-cats .h-cat:nth-child(6n+2) .h-cat-icon,
  .home .h-cats .h-cat:nth-child(6n+3) .h-cat-icon,
  .home .h-cats .h-cat:nth-child(6n+4) .h-cat-icon,
  .home .h-cats .h-cat:nth-child(6n+5) .h-cat-icon,
  .home .h-cats .h-cat:nth-child(6n+6) .h-cat-icon{background:rgba(255,255,255,.94)!important;color:#0F8A5C!important}
  .home .h-cats .h-cat .h-cat-icon .ico{width:19px!important;height:19px!important;stroke-width:1.7!important}
  .home .h-cats .h-cat .h-cat-count{
    display:block!important;position:absolute!important;z-index:4!important;
    top:9px!important;right:9px!important;min-width:24px!important;
    padding:4px 7px!important;border-radius:999px!important;background:#fff!important;color:#0F8A5C!important;
    font-family:'Bricolage Grotesque',sans-serif!important;font-size:7.5px!important;font-weight:800!important;
    text-align:center!important;letter-spacing:.02em!important;
  }
  .home .h-cats .h-cat .h-cat-meta{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:4!important;
    display:block!important;padding:30px 11px 11px!important;
    background:linear-gradient(0deg,rgba(8,40,30,.94),rgba(8,40,30,.2) 70%,transparent)!important;
    text-align:left!important;
  }
  .home .h-cats .h-cat .h-cat-meta strong{display:block!important;color:#fff!important;font-size:14px!important;line-height:1.15!important;letter-spacing:-.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:0 1px 8px rgba(0,0,0,.25)!important}
  .home .h-cats .h-cat .h-cat-meta small{display:block!important;color:#CFE9DB!important;font-size:9px!important;margin:3px 0 0!important;font-weight:500!important}
  .home .h-cats .h-cat .h-cat-go{display:none!important}
}

/* Homepage colorful app shortcuts */
.h-apps{padding:16px 0 8px;background:#fff}
.h-apps-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 14px;max-width:760px;margin:0 auto}
.h-app{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;text-decoration:none;min-width:0}
.h-app-ic{width:72px;height:72px;border-radius:21px;display:grid;place-items:center;color:#fff;box-shadow:0 12px 20px -14px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .16s ease,box-shadow .16s ease}
.h-app-ic .ico{width:34px!important;height:34px!important;stroke-width:1.7!important}
.h-app:hover .h-app-ic{transform:translateY(-3px);box-shadow:0 18px 26px -16px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.22)}
.h-app b{font-family:'Bricolage Grotesque',sans-serif;font-size:12px;line-height:1.15;letter-spacing:-.01em;color:#123D2E;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.h-app-1{background:#F5A623}.h-app-2{background:#C99700}.h-app-3{background:#F2C200}.h-app-4{background:#169B5B}.h-app-5{background:#E96A9C}.h-app-6{background:#7C3AED}.h-app-7{background:#F58BB0}.h-app-8{background:#E43D30}.h-app-9{background:#0E8C7F}.h-app-10{background:#2E6BE6}
@media (max-width:760px){
  .home .h-apps{padding:14px 0 4px}
  .home .h-apps-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 5px;max-width:none}
  .home .h-app{gap:6px}
  .home .h-app-ic{width:56px;height:56px;border-radius:17px}
  .home .h-app-ic .ico{width:27px!important;height:27px!important}
  .home .h-app b{font-size:9.5px;letter-spacing:-.02em}
}

/* Home category rail — match easy.rainzon.com */
.home .h-cat-rail{
  display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:14px!important;
  overflow:visible!important;margin:0!important;padding:0!important;
}
.home .h-cat{
  position:relative!important;display:block!important;width:auto!important;min-width:0!important;
  height:auto!important;min-height:0!important;padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
}
.home .h-cat-media{
  position:relative!important;display:block!important;inset:auto!important;
  width:100%!important;height:auto!important;aspect-ratio:1/1!important;
  background:#F4F1E8!important;border:1px solid #E4DDCB!important;border-radius:14px!important;overflow:hidden!important;
}
.home .h-cat-media img{
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:9%!important;
  mix-blend-mode:normal!important;transition:transform .7s cubic-bezier(.2,.7,.2,1)!important;
}
.home .h-cat:hover .h-cat-media img{transform:scale(1.04)}
.home .h-cat-shade,.home .h-cat-icon,.home .h-cat-count{display:none!important}
.home .h-cat-meta{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;
  display:block!important;padding:9px 0 0!important;margin:0!important;background:none!important;text-align:left!important;
}
.home .h-cat-meta strong{
  display:block!important;color:#0A241D!important;font-size:12.5px!important;font-weight:700!important;
  line-height:1.25!important;letter-spacing:-.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:none!important;
}
.home .h-cat-meta small{display:block!important;color:#6F7A70!important;font-size:9.5px!important;margin:2px 0 0!important;font-weight:500!important}
.home .h-cat-go{display:none!important}
@media (max-width:1024px){
  .home .h-cat-rail{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
}
@media (max-width:760px){
  .home .h-cat-rail{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px 8px!important}
  .home .h-cat-media{aspect-ratio:1/1!important;border-radius:15px!important}
  .home .h-cat-meta{padding-top:7px!important}
  .home .h-cat-meta strong{font-size:10px!important}
  .home .h-cat-meta small{font-size:8px!important;margin-top:1px!important}
}

@media (max-width:760px){
  .home .h-cats .h-cat-rail{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px 8px!important}
  .home .h-cats .h-cat{
    position:relative!important;display:block!important;width:auto!important;min-width:0!important;
    height:auto!important;min-height:0!important;padding:0!important;margin:0!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
  }
  .home .h-cats .h-cat-media{
    position:relative!important;display:block!important;inset:auto!important;
    width:100%!important;height:auto!important;aspect-ratio:1/1!important;
    background:#F4F1E8!important;border:1px solid #E4DDCB!important;border-radius:15px!important;overflow:hidden!important;
  }
  .home .h-cats .h-cat-media img{
    display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:9%!important;
    mix-blend-mode:normal!important;
  }
  .home .h-cats .h-cat-shade,.home .h-cats .h-cat-icon,.home .h-cats .h-cat-count{display:none!important}
  .home .h-cats .h-cat-meta{
    position:static!important;left:auto!important;right:auto!important;bottom:auto!important;
    display:block!important;padding:7px 0 0!important;margin:0!important;background:none!important;text-align:left!important;
  }
  .home .h-cats .h-cat-meta strong{
    display:block!important;color:#0A241D!important;font-size:10px!important;font-weight:700!important;
    line-height:1.25!important;letter-spacing:-.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:none!important;
  }
  .home .h-cats .h-cat-meta small{display:block!important;color:#6F7A70!important;font-size:8px!important;margin:1px 0 0!important;font-weight:500!important}
  .home .h-cats .h-cat .h-cat-go{display:none!important}
}

@media (max-width:760px){
  .home .h-cats .h-cat .h-cat-icon,
  .home .h-cats .h-cat .h-cat-shade,
  .home .h-cats .h-cat .h-cat-count{display:none!important}
  .home .h-cats .h-cat .h-cat-meta{
    position:static!important;left:auto!important;right:auto!important;bottom:auto!important;
    display:block!important;padding:7px 0 0!important;margin:0!important;background:none!important;text-align:left!important;
  }
  .home .h-cats .h-cat .h-cat-meta strong{
    display:block!important;color:#0A241D!important;font-size:10px!important;font-weight:700!important;
    line-height:1.25!important;letter-spacing:-.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:none!important;
  }
  .home .h-cats .h-cat .h-cat-meta small{display:block!important;color:#6F7A70!important;font-size:8px!important;margin:1px 0 0!important;font-weight:500!important}
  .home .h-cats .h-cat .h-cat-go{display:none!important}
}

.h-app-img{padding:0!important;overflow:hidden!important;background:#fff!important}
.h-app-img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}

/* Desktop home — premium finishing */
@media (min-width:981px){
  .home .h-apps{padding:14px 0 10px!important}
  .home .h-apps-grid{
    grid-template-columns:repeat(10,minmax(0,1fr))!important;max-width:none!important;gap:10px!important;
    padding:16px 18px!important;border:1px solid #DCEBE2;border-radius:20px!important;
    background:radial-gradient(80% 140% at 0% 0%,#F1FBF6 0%,rgba(241,251,246,0) 55%),linear-gradient(180deg,#FFFFFF,#FBFEFC)!important;
    box-shadow:0 20px 44px -40px rgba(18,61,46,.36)!important;
  }
  .home .h-app{gap:9px!important}
  .home .h-app-ic{width:58px!important;height:58px!important;border-radius:17px!important}
  .home .h-app-ic .ico{width:28px!important;height:28px!important}
  .home .h-app b{font-size:10.5px!important;letter-spacing:-.01em!important;color:#123D2E!important}
  .home .h-app:hover .h-app-ic{transform:translateY(-4px)!important;box-shadow:0 20px 30px -18px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.25)!important}
  .home .h-hero{padding-top:18px!important}
  .home .h-hero-shell{border:1px solid #DCEBE2!important;box-shadow:0 34px 80px -70px rgba(18,61,46,.55)!important}
  .home .h-cats{padding-top:34px!important}
  .home .h-cat-media{border-color:#E4EEE8!important;transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease!important}
  .home .h-cat:hover .h-cat-media{transform:translateY(-3px);border-color:#BEE3D0!important;box-shadow:0 22px 34px -24px rgba(18,61,46,.35)!important}
  .home .h-cat-meta strong{color:#123D2E!important}
  .home .h-deals{background:linear-gradient(180deg,#F7FCF9 0%,#FFFFFF 34%)!important;border-top:1px solid #EDF5F0;border-bottom:1px solid #EDF5F0}
  .home .h-deals .h-head{padding-top:30px!important}
  .home .p-media{border-color:#E4EEE8!important;box-shadow:0 14px 30px -32px rgba(18,61,46,.3)!important;transition:border-color .2s,box-shadow .2s,transform .2s!important}
  .home .p-card:hover .p-media{border-color:#9AD9B9!important;box-shadow:0 24px 40px -30px rgba(18,61,46,.4)!important;transform:translateY(-2px)}
  .home .p-badge-sale{background:#0F8A5C!important;color:#fff!important}
  .home .p-badge{padding:4px 9px!important;letter-spacing:.05em!important}
  .home .p-wish:hover{background:#0F8A5C!important;color:#fff!important}
  .home .p-title{color:#123D2E!important}
  .home .p-price strong{color:#0B6B47!important;font-size:16px!important}
  .home .h-link{color:#0F7A52!important}
  .home .h-label{color:#0F7A52!important}
  .home .h-label i{background:#0F8A5C!important}
  .home .h-cats .h-head,.home .h-deals .h-head{align-items:flex-end!important}
  .home .h-cats h2,.home .h-deals h2{color:#123D2E!important}
  .home .h-cats h2 em,.home .h-deals h2 em{color:#0F8A5C!important}
}