/* Shared surfaces and category-specific hero treatments. Loaded after brand rules. */
#int3-home{--ink:#172c35;--muted:#5d6d78;background:#fff!important}
#int3-home .n-banner{background:linear-gradient(110deg,#087f50,#03b75b 65%,#00a08f)!important}
#int3-home .g-header{box-shadow:0 4px 22px #1b344307}
#int3-home :is(.n8-hero,.p-hero,.rent-hero,.r-hero){border:1px solid #e4eceb;border-radius:26px;margin-top:28px;box-shadow:0 12px 35px #1d405007}
#int3-home .n8-hero{position:relative;min-height:350px;padding:42px 48px;background:linear-gradient(115deg,#f3fbf7 0%,#e6f8ee 48%,#c3eee0 100%)!important;overflow:hidden}
#int3-home .n8-hero>:is(span,h1,p,a){position:relative;z-index:1;max-width:55%}
#int3-home :is(.n8-hero,.p-hero,.rent-hero) :is(h1,h2,em,p,.p-kicker,.rent-eyebrow,.p-hero-note){color:#172c35!important}
#int3-home :is(.n8-hero,.p-hero,.rent-hero) h1{font-size:clamp(28px,3vw,40px);line-height:1.4;letter-spacing:-1.3px}
#int3-home :is(.n8-hero,.p-hero,.rent-hero) p{color:#536875!important;line-height:1.85}
#int3-home :is(.n8-hero,.p-hero,.rent-hero) em{color:#087e50!important}
#int3-home .n8-scene{position:absolute;right:22px;top:20px;width:43%;height:310px;display:flex;align-items:center;justify-content:center}
#int3-home .n8-scene svg{width:100%;height:100%}
#int3-home .n8-scene-label{position:absolute;right:18px;top:2px;padding:15px 20px;border:1px solid #fff;background:#ffffffd9;box-shadow:0 12px 32px #22574b12;border-radius:15px;transform:rotate(3deg);color:#174737}
#int3-home .n8-scene-label b{display:block;font-size:15px}.n8-scene-label span{display:block;font-size:11px;margin-top:6px;color:#58786c}
#int3-home .p-hero{background:linear-gradient(115deg,#f4f8ff,#e8efff 55%,#dbf3f2)!important;padding:42px 48px;min-height:350px}
#int3-home .rent-hero{background:linear-gradient(115deg,#fffaf1,#f6eddd 55%,#e9f4ed)!important;padding:42px 48px;min-height:350px}
#int3-home :is(.p-orbit,.rent-orbit){background:#ffffff70!important}
#int3-home .p-hero .mi-gift-link{color:#315977!important}
#int3-home .r-hero{background:linear-gradient(115deg,#f3f6ff,#edf6ff 55%,#e1f5ef)!important;padding:36px 48px;min-height:260px}
#int3-home .r-hero h1{color:#172c35}#int3-home .r-hero em{color:#087e50}
#int3-home .r-hero-art{max-width:34%}
#int3-home :is(.n8-hero>a,.p-hero .p-button,.rent-hero .rent-primary){background:#fff!important;border:1px solid #dae8e1!important;color:#087b3b!important;box-shadow:0 6px 18px #233e3110}
#int3-home .d-main-card{background:linear-gradient(135deg,#087f50 0%,#03b75a 52%,#6bd3a8 100%)!important}
#int3-home .d-mini-card{background:linear-gradient(120deg,#eef2ff,#e1edf8)!important}
#int3-home .d-mini-card.d-rental{background:linear-gradient(120deg,#fff8eb,#f1eada)!important}
#int3-home .d-card-bottom{background:#ffffff80!important}
#int3-home :is(.d-quick,.rent-guide-banner,.r-consult-shell,.cr-invite){background:linear-gradient(120deg,#f4f7fb,#edf5f2)!important;border:1px solid #e2e8ec!important}
#int3-home :is(.p-filter-panel,.n8-notice,.rent-table-scroll,.pd-receipt){background:#f7f9fc!important;border-color:#e3e8ef!important}
#int3-home :is(.rent-card,.p-phone-card,.r-product,.cr-card,.r-mini,.ac-card){border:1px solid #e4e9ee!important;box-shadow:0 6px 22px #23394a05;border-radius:18px}
#int3-home .rent-card:nth-child(3n+1) .rent-product-image,#int3-home .p-phone-card:nth-child(3n+1) .p-phone-picture{background:#f0f4fc!important}
#int3-home .rent-card:nth-child(3n+2) .rent-product-image,#int3-home .p-phone-card:nth-child(3n+2) .p-phone-picture{background:#f8f4ec!important}
#int3-home .rent-card:nth-child(3n) .rent-product-image,#int3-home .p-phone-card:nth-child(3n) .p-phone-picture{background:#eef6f3!important}
#int3-home .r-legacy-content{background:#fff}
#int3-home .r-legacy-content>h1{color:#172c35;border-bottom:1px solid #e6eaee;padding-bottom:20px}
#int3-home .g-footer{background:#f5f7fa!important;border-top:1px solid #e8edf0}
#int3-home .int3-quick-contact{background:linear-gradient(145deg,#eef3ff,#e6f5ee)!important}
#int3-home .ac-about .ac-hero{background:linear-gradient(120deg,#f2faf6,#e1f1ee 60%,#eaf0fc)}
@media(max-width:800px){#int3-home :is(.n8-hero,.p-hero,.rent-hero,.r-hero){padding:28px 24px;border-radius:20px;margin-top:20px}#int3-home .n8-hero{min-height:0}#int3-home .n8-hero>:is(span,h1,p,a){max-width:100%}#int3-home .n8-scene{position:relative;width:100%;height:210px;right:auto;top:auto;margin:12px auto -10px;max-width:360px}#int3-home .n8-scene-label{top:10px;right:0;padding:12px 15px}#int3-home .n8-scene-label b{font-size:12px}#int3-home .n8-scene-label span{font-size:10px}#int3-home .r-hero-art{max-width:40%}}
@media(prefers-reduced-motion:no-preference){#int3-home :is(.rent-card,.p-phone-card,.n8-carriers a){transition:box-shadow .2s,transform .2s}#int3-home :is(.rent-card,.p-phone-card):hover{transform:translateY(-3px);box-shadow:0 12px 28px #23394a12}}

#int3-home #g-main :is(.n8-hero,.p-hero,.rent-hero) :is(h1,h2,em,p,.p-kicker,.rent-eyebrow,.p-hero-note){color:#172c35!important}
#int3-home #g-main :is(.n8-hero,.p-hero,.rent-hero) em{color:#087e50!important}
#int3-home #g-main :is(.n8-hero,.p-hero,.rent-hero) p{color:#536875!important}

#int3-home #g-main .d-mini-card{background:linear-gradient(120deg,#eef2ff,#e1edf8)!important}
#int3-home #g-main .d-mini-card.d-rental{background:linear-gradient(120deg,#fff8eb,#f1eada)!important}
@media(min-width:1200px) and (max-width:1500px){#int3-home .r-legacy-content{max-width:calc(100% - 240px);margin-left:30px;margin-right:210px}}
