.oh24-products-grid,.oh24-products-grid *{box-sizing:border-box}
.oh24-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%}
.oh24-product{min-width:0;overflow:hidden;background:#fff;border:1px solid #e1e6ef;border-radius:14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.oh24-product:hover{transform:translateY(-3px);border-color:#d4dce9;box-shadow:0 16px 34px rgba(20,27,46,.08)}
.oh24-product__visual{position:relative;height:172px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eaf1fa,#dce7f5);overflow:hidden}
.oh24-product__image-link{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.oh24-product__visual img{display:block;width:100%;height:100%;object-fit:contain;padding:24px;transition:transform .3s ease}
.oh24-product:hover .oh24-product__visual img{transform:scale(1.035)}
.oh24-product__heart{position:absolute;z-index:5;top:10px;right:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;background:#fff;border:1px solid #e1e6ef;border-radius:50%;color:#8592a5;cursor:pointer;box-shadow:0 4px 12px rgba(20,27,46,.10);transition:transform .12s ease,box-shadow .12s ease,color .15s ease}
.oh24-product__heart:hover{transform:scale(1.08);box-shadow:0 5px 15px rgba(20,27,46,.14)}
.oh24-product__heart svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;transition:stroke .15s ease,fill .15s ease}
.oh24-product__heart.is-active{color:#e23b5a}
.oh24-product__heart.is-active svg{fill:#e23b5a;stroke:#e23b5a}
.oh24-product__heart.is-loading{opacity:.55;pointer-events:none}
.oh24-product__body{padding:16px 16px 18px}
.oh24-product__title-link{text-decoration:none!important}
.oh24-product__reference{margin:0 0 6px;color:#081733;font-family:'Space Mono',monospace;font-size:17px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.oh24-product__description{min-height:0;margin:0 0 6px;color:#40557b;font-family:'Archivo',sans-serif;font-size:12.5px;font-weight:400;line-height:1.4}
.oh24-product__brand{margin:0 0 13px;color:#173f9d;font-family:'Archivo',sans-serif;font-size:10.5px;font-weight:700;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}
.oh24-product__price{margin:0 0 14px;color:#081733;font-family:'Archivo',sans-serif;font-size:17px;font-weight:700;line-height:1.3}
.oh24-product__price del{opacity:.45;font-size:12px;font-weight:500}.oh24-product__price ins{text-decoration:none}
.oh24-product__buy{display:flex;align-items:center;gap:9px;width:100%}
.oh24-product__qty{height:36px;display:flex;align-items:center;flex:0 0 auto;overflow:hidden;background:#fff;border:1px solid #d8e1ed;border-radius:8px}
.oh24-product__qty button{width:28px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;color:#536176;font-size:16px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}
.oh24-product__qty button:hover{background:#f1f5fc;color:#173f9d}
.oh24-product__qty input{width:30px;height:34px;min-width:30px;padding:0!important;margin:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#17254f;text-align:center;font-size:12px;font-weight:600;-moz-appearance:textfield}
.oh24-product__qty input::-webkit-inner-spin-button,.oh24-product__qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.oh24-product__add{flex:1;min-width:0;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;background:#21449a;border:0;border-radius:8px;color:#fff;font-family:'Archivo',sans-serif;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .18s ease,transform .18s ease}
.oh24-product__add:hover{background:#17367f}.oh24-product__add:active{transform:scale(.98)}.oh24-product__add.is-loading{opacity:.65;pointer-events:none}
.oh24-product__add svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.oh24-product__unavailable{font-size:12px;color:#7b879c}.oh24-products-empty{padding:24px;border:1px solid #e1e6ef;border-radius:10px;color:#667895;text-align:center}
.oh24-header-action{position:relative;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;color:#17254f!important;text-decoration:none!important}.oh24-header-action>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.oh24-wishlist-count,.oh24-cart-count{position:absolute;top:-1px;right:-1px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 4px;background:#173f9d;border:2px solid #fff;border-radius:20px;color:#fff;font-size:8px;font-weight:800;line-height:1}
@media(max-width:1024px){.oh24-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.oh24-product__visual{height:172px}}
@media(max-width:600px){.oh24-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oh24-product{border-radius:11px}.oh24-product:hover{transform:none;box-shadow:none}.oh24-product__visual{height:132px}.oh24-product__visual img{padding:20px}.oh24-product__heart{top:8px;right:8px;width:30px;height:30px}.oh24-product__heart svg{width:15px;height:15px}.oh24-product__body{padding:12px}.oh24-product__reference{font-size:14px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oh24-product__description{font-size:10.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oh24-product__brand{font-size:8.5px;margin-bottom:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oh24-product__price{font-size:13px;margin-bottom:10px;white-space:nowrap}.oh24-product__buy{gap:6px}.oh24-product__qty{height:32px}.oh24-product__qty button{width:25px;height:30px;font-size:14px}.oh24-product__qty input{width:25px;min-width:25px;height:30px;font-size:11px}.oh24-product__add{height:32px;padding:0 8px;font-size:10.5px;gap:5px}.oh24-product__add svg{width:13px;height:13px}}
@media(max-width:390px){.oh24-products-grid{grid-template-columns:1fr;gap:14px}.oh24-product__visual{height:172px}.oh24-product__visual img{padding:24px}.oh24-product__body{padding:15px}.oh24-product__reference{font-size:16px}.oh24-product__description{font-size:12px}.oh24-product__brand{font-size:10px}.oh24-product__price{font-size:16px}.oh24-product__qty{height:36px}.oh24-product__qty button{width:28px;height:34px}.oh24-product__qty input{width:30px;min-width:30px;height:34px}.oh24-product__add{height:36px;font-size:12px}}

/* ===== Header actions / Search v1.2 ===== */
.oh24-header-action{appearance:none;border:0;background:transparent;border-radius:10px;transition:background-color .22s ease,color .22s ease;cursor:pointer}
.oh24-header-action:hover,.oh24-header-action:focus-visible{background:#F1F5FC;color:#173F9D!important;outline:none}
.oh24-search-panel,.oh24-search-panel *{box-sizing:border-box}
.oh24-search-panel{display:none;position:fixed;left:0;right:0;z-index:9998;background:#fff;border-top:1px solid #E7ECF4;border-bottom:1px solid #E1E6EF;box-shadow:0 16px 30px rgba(20,39,78,.06)}
.oh24-search-panel.is-open{display:block}
.oh24-search-panel__inner{max-width:1136px;margin:0 auto;padding:18px 0 16px}
.oh24-search-row{display:flex;align-items:center;gap:16px}
.oh24-search-field{height:48px;flex:1;display:flex;align-items:center;gap:10px;padding:0 16px;background:#F6F9FC;border:1px solid #D6E0EC;border-radius:11px}
.oh24-search-field svg{width:18px;height:18px;flex:none;fill:none;stroke:#7890AF;stroke-width:1.7}
.oh24-search-input{width:100%;height:100%;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#17254F!important;font-size:15px!important}
.oh24-search-input::placeholder{color:#6F7F98}
.oh24-search-close{width:32px;height:32px;flex:none;padding:0;border:0;background:transparent;color:#7588A4;font-size:28px;font-weight:300;line-height:1;cursor:pointer}
.oh24-search-options{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:13px;color:#7A8BA4;font-size:12px}
.oh24-search-checks{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.oh24-search-checks label{display:inline-flex;align-items:center;gap:6px;color:#536784;cursor:pointer}
.oh24-search-checks input{accent-color:#21449A;width:14px;height:14px;margin:0}
.oh24-search-results{display:none;max-height:min(480px,55vh);overflow:auto;margin-top:14px;padding-top:14px;border-top:1px solid #EDF1F6}
.oh24-search-results.has-results{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.oh24-search-group__title{margin-bottom:8px;color:#7890AF;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.oh24-search-result{color:#17254F!important;text-decoration:none!important}
.oh24-search-result--product{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:7px;border-radius:9px}
.oh24-search-result--product:hover,.oh24-search-result--simple:hover{background:#F1F5FC}
.oh24-search-result__image{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#EAF1FA;border-radius:7px;overflow:hidden}
.oh24-search-result__image img{width:100%;height:100%;object-fit:contain;padding:6px}
.oh24-search-result__main{min-width:0;display:flex;flex-direction:column}.oh24-search-result__main strong{font-size:12px}.oh24-search-result__main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#70809A;font-size:11px}
.oh24-search-result__price{font-size:12px;font-weight:700;white-space:nowrap}
.oh24-search-result--simple{display:flex;justify-content:space-between;gap:10px;padding:9px 8px;border-radius:8px;font-size:12px}
.oh24-search-empty{grid-column:1/-1;padding:12px;color:#74849D;font-size:13px}
.oh24-search-loading{padding:12px;color:#74849D;font-size:13px}
@media(max-width:1180px){.oh24-search-panel__inner{padding-left:24px;padding-right:24px}}
@media(max-width:767px){.oh24-search-panel__inner{padding:14px 16px}.oh24-search-row{gap:8px}.oh24-search-field{height:46px;padding:0 12px}.oh24-search-input{font-size:14px!important}.oh24-search-options{align-items:flex-start;flex-direction:column;gap:10px}.oh24-search-checks{gap:10px 12px}.oh24-search-types{font-size:11px}.oh24-search-results.has-results{grid-template-columns:1fr;gap:16px;max-height:55vh}.oh24-search-result--product{grid-template-columns:44px minmax(0,1fr) auto}.oh24-search-result__image{width:44px;height:44px}}


/* ===== OH24 v1.3 consolidated fixes ===== */
/* Keep temporary technical product pictograms at the mockup scale. */
.oh24-product__visual img{
    width:60px!important;
    height:60px!important;
    max-width:60px!important;
    max-height:60px!important;
    padding:0!important;
    object-fit:contain!important;
}
.oh24-product:hover .oh24-product__visual img{transform:scale(1.035)}

/* Any custom mobile navigation Search button can open the same search panel
   by using class="oh24-search-trigger". */
@media(max-width:767px){
    .oh24-search-panel{
        top:0!important;
        bottom:0;
        height:100dvh;
        overflow:hidden;
        border:0;
        z-index:100000;
        box-shadow:none;
    }
    .oh24-search-panel__inner{
        height:100%;
        display:flex;
        flex-direction:column;
        padding:18px 16px max(22px,env(safe-area-inset-bottom));
    }
    .oh24-search-row{flex:0 0 auto}
    .oh24-search-field{height:50px;border-radius:12px}
    .oh24-search-close{
        width:42px;height:42px;border-radius:10px;
        background:#F1F5FC;color:#173F9D;font-size:27px;
    }
    .oh24-search-options{flex:0 0 auto;margin-top:14px}
    .oh24-search-results{
        flex:1 1 auto;
        max-height:none!important;
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        padding-bottom:20px;
    }
    .oh24-search-results.has-results{display:grid;grid-template-columns:1fr;align-content:start}
    body.oh24-search-open{overflow:hidden!important}
    body.oh24-search-open .oh24-mobile-nav{display:none!important}
}

/* ==================================================
   CLIENT PORTAL ACCESS
================================================== */
.oh24-portal-access{display:grid;grid-template-columns:1.08fr .86fr;gap:22px;align-items:stretch}
.oh24-portal-login,.oh24-portal-register,.oh24-portal-connected{position:relative;border-radius:15px;overflow:hidden}
.oh24-portal-login{background:#fff;border:1px solid #E1E6EF;padding:34px 36px 30px;box-shadow:0 12px 35px rgba(8,23,51,.06)}
.oh24-portal-login:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#31B8EE}
.oh24-portal-kicker{display:block;margin-bottom:10px;color:#159EE4;font-size:11px;font-weight:800;letter-spacing:.12em}
.oh24-portal-login h3,.oh24-portal-register h3,.oh24-portal-connected h3{margin:0;color:#17254F;font-size:28px;line-height:1.15}
.oh24-portal-intro{margin:9px 0 25px;color:#65738C;font-size:14px}
.oh24-portal-form{display:grid;gap:9px}.oh24-portal-form>label{margin-top:5px;color:#17254F;font-size:12px;font-weight:700}
.oh24-portal-form input[type="text"],.oh24-portal-form input[type="password"]{width:100%;height:48px;padding:0 14px;border:1px solid #DCE3ED;border-radius:9px;background:#fff;color:#17254F;outline:none;transition:border-color .2s,box-shadow .2s}
.oh24-portal-form input:focus{border-color:#173F9D;box-shadow:0 0 0 3px rgba(23,63,157,.08)}
.oh24-portal-form-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:5px 0 9px;font-size:12px}
.oh24-portal-remember{display:flex;align-items:center;gap:7px;color:#65738C;cursor:pointer}.oh24-portal-remember input{margin:0}.oh24-portal-form-options a{color:#173F9D;text-decoration:none;font-weight:700}
.oh24-portal-signin,.oh24-portal-primary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 17px;border:0;border-radius:9px;background:#173F9D;color:#fff!important;text-decoration:none!important;font-weight:800;cursor:pointer;transition:background .2s,transform .2s}
.oh24-portal-signin:hover,.oh24-portal-primary:hover{background:#102F7D;transform:translateY(-1px)}
.oh24-portal-help{display:flex;gap:7px;justify-content:center;margin-top:20px;padding-top:18px;border-top:1px solid #E7ECF4;color:#7B879A;font-size:12px}.oh24-portal-help a{color:#17254F;font-weight:800;text-decoration:none}
.oh24-portal-error{margin:0 0 15px;padding:10px 12px;border-radius:8px;background:#FFF0F2;color:#B4233D;font-size:12px;font-weight:700}
.oh24-portal-register{background:#17244F;padding:34px 36px 30px;color:#fff}.oh24-portal-register-glow{position:absolute;width:240px;height:240px;right:-100px;top:-110px;border-radius:50%;background:rgba(49,184,238,.12);filter:blur(3px);pointer-events:none}
.oh24-portal-register .oh24-portal-kicker{color:#31B8EE}.oh24-portal-register h3{color:#fff}.oh24-portal-register-intro{position:relative;margin:10px 0 23px;color:#C8D2E5;font-size:14px;line-height:1.65}
.oh24-portal-benefits{position:relative;display:grid;gap:13px;margin-bottom:25px}.oh24-portal-benefits>div{display:flex;align-items:flex-start;gap:10px}.oh24-portal-benefits>div>span{flex:0 0 22px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(49,184,238,.13);color:#31B8EE;font-size:12px;font-weight:900}.oh24-portal-benefits p{margin:1px 0 0;color:#D8E0EE;font-size:13px;line-height:1.45}.oh24-portal-benefits strong{color:#fff}
.oh24-portal-create{position:relative;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 17px;border:1px solid rgba(255,255,255,.34);border-radius:9px;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:800;transition:background .2s,border-color .2s}.oh24-portal-create:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.58)}
.oh24-portal-verified{position:relative;margin-top:18px;color:#91A0BA;font-size:10px;font-weight:700;letter-spacing:.08em}.oh24-portal-verified span{margin:0 5px}.oh24-portal-verified strong{color:#31B8EE}
.oh24-portal-connected{padding:32px 34px;background:#fff;border:1px solid #E1E6EF}.oh24-portal-connected p{margin:10px 0 22px;color:#65738C}.oh24-portal-connected .oh24-portal-primary{max-width:220px}
@media(max-width:900px){.oh24-portal-access{grid-template-columns:1fr}.oh24-portal-login,.oh24-portal-register{padding:30px}}
@media(max-width:600px){.oh24-portal-access{gap:14px}.oh24-portal-login,.oh24-portal-register,.oh24-portal-connected{padding:24px 20px}.oh24-portal-login h3,.oh24-portal-register h3,.oh24-portal-connected h3{font-size:24px}.oh24-portal-form-options{align-items:flex-start;flex-direction:column;gap:10px}.oh24-portal-help{flex-wrap:wrap}}