html body{overflow-x:hidden}
.obrix-hero{position:relative;text-align:center;padding:80px 20px 70px;margin:0 calc(50% - 50vw) 36px;width:100vw;background:radial-gradient(800px 320px at 50% 0,rgba(59,130,246,.35),transparent 70%),radial-gradient(600px 300px at 85% 100%,rgba(139,92,246,.28),transparent 70%),linear-gradient(180deg,#0b1230,#0a0f1e);border-bottom:1px solid #222d5a}
.obrix-hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#fff!important;margin:0 0 14px}
.obrix-hero p{color:#c3cbe6;max-width:640px;margin:0 auto;font-size:1.05rem}
.obrix-hero-btns{margin-top:26px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.obrix-hero-btns .btn{padding:10px 28px}
html body .obrix-hero-btns .btn-light{background:#fff!important;color:#0a0f1e!important;border-color:#fff!important}
.obrix-badge{display:inline-block;background:#2563eb;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:999px;margin:10px 0 26px}
html body .card-columns.home{column-count:1!important;column-gap:0!important;display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}
html body .card-columns.home .card{margin:0!important;width:100%;display:flex;flex-direction:column;text-align:center;transition:.2s}
html body .card-columns.home .card:hover{border-color:#3b82f6!important;transform:translateY(-4px)}
html body .card-columns.home .card-body{display:flex;flex-direction:column;padding:24px 20px!important}
html body .card-columns.home .card-title{font-size:1.15rem;font-weight:700;color:#fff!important}
html body .card-columns.home .card-body p,html body .card-columns.home .card-body small{color:#94a0c4!important;font-size:.9rem;flex:1}
html body .card-columns.home .card-body .btn{margin-top:auto}
html body .card-columns.home .btn-outline-primary{background:linear-gradient(180deg,#3b82f6,#2563eb)!important;border:1px solid #2563eb!important;color:#fff!important}
.obrix-stats{text-align:center;margin:20px 0 50px}
.obrix-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:900px;margin:0 auto}
.obrix-stat{background:#0f1630;border:1px solid #222d5a;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:4px}
.obrix-stat i{color:#3b82f6;font-size:1.4rem;margin-bottom:6px}
.obrix-stat b{color:#fff;font-size:2rem;font-weight:800}
.obrix-stat span{color:#94a0c4;font-size:.9rem}
@media(max-width:768px){html body .card-columns.home{grid-template-columns:repeat(2,1fr)}.obrix-hero{padding:56px 16px}}
html body #order-standard_cart .alert-warning{background:#facc15!important;border-color:#eab308!important;color:#1a1100!important;font-weight:600}
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%;height:auto}
@media(max-width:768px){
html body .container{padding-left:16px!important;padding-right:16px!important}
html body h1{font-size:1.6rem!important}
html body h2{font-size:1.3rem!important}
html body h2.text-center.m-4{margin:1.6rem 0 1rem!important}
html body #header .navbar{padding:10px 0!important}
html body .navbar-brand{font-size:1.05rem!important}
html body .navbar-collapse{background:#0f1630!important;border:1px solid #222d5a;border-radius:14px;margin-top:10px;padding:8px;box-shadow:0 12px 30px rgba(0,0,0,.45)}
html body .navbar-collapse a:not(.btn){display:block;padding:11px 14px!important;border-radius:10px}
html body .navbar-collapse a:not(.btn):hover{background:#1a2550!important}
html body .navbar .btn{min-height:40px}
html body .dropdown-menu{max-width:92vw}
html body .master-breadcrumb .breadcrumb,html body .breadcrumb{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
html body .input-group-wrapper{display:block;padding:8px!important}
html body .input-group-wrapper .input-group{display:flex;flex-wrap:wrap;gap:8px}
html body .input-group-wrapper .form-control{flex:1 1 100%;width:100%;min-height:46px;background:#141d3d!important;border:1px solid #222d5a!important}
html body .input-group-wrapper .input-group-append,html body .input-group-wrapper .input-group-btn{flex:1 1 calc(50% - 4px);margin:0!important}
html body .input-group-wrapper .btn{width:100%;min-height:46px}
html body .form-control,html body .custom-select,html body input,html body select,html body textarea{font-size:16px!important;min-height:44px}
html body .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
html body .card-columns.home{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
html body .card-columns.home .card-body{padding:16px 12px!important}
html body .card-columns.home .card-title{font-size:1rem!important;overflow-wrap:break-word;hyphens:auto}
html body .card-columns.home .card-body p,html body .card-columns.home .card-body small{font-size:.8rem!important;overflow-wrap:break-word}
html body .card-columns.home .btn{font-size:.85rem;padding:10px 8px}
html body .action-icon-btns{display:grid!important;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 24px!important}
html body .action-icon-btns>div{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important}
html body .action-icon-btns>div:last-child:nth-child(odd){grid-column:1/-1}
html body .action-icon-btns a{min-height:104px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;font-size:.85rem;padding:14px 8px!important}
html body .action-icon-btns a i{font-size:1.6rem!important}
html body .card{border-radius:12px!important}
html body .card-body{padding:16px!important}
html body .table-responsive,html body .dataTables_wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}
html body .table{font-size:.85rem}
html body .table td,html body .table th{padding:.6rem .55rem!important}
html body .dataTables_wrapper .dataTables_filter input{width:100%!important;margin:6px 0!important}
html body .dataTables_wrapper .dataTables_length,html body .dataTables_wrapper .dataTables_filter{text-align:left!important;float:none!important}
html body .modal-dialog{margin:12px!important}
html body #order-standard_cart .cart-sidebar,html body #order-standard_cart .cart-body,html body #order-standard_cart .secondary-cart-body,html body #order-standard_cart .secondary-cart-sidebar{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
html body #order-standard_cart .products .product{margin-bottom:14px}
html body #order-standard_cart .btn-checkout,html body #order-standard_cart .btn-order-now{width:100%}
html body footer,html body #footer,html body .footer{text-align:center;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}
html body footer .nav,html body footer ul{justify-content:center}
}
@media(max-width:360px){
html body .card-columns.home{grid-template-columns:1fr!important}
}
