.cro-oils{margin:16px 0;padding:16px;border:1px solid rgba(0,0,0,.14);border-radius:3px;background:#fcfbfb}.cro-oils[hidden]{display:none}.cro-oils__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.cro-oils__title{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#000000e0}.cro-oils .cro-oils__all,.cro-oils .cro-oils__all:link,.cro-oils .cro-oils__all:visited{font-size:13px;color:var(--cro-accent);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.cro-oils__sub{margin:6px 0 14px;font-size:13px;line-height:1.6;color:#000000a8;max-width:62ch}.cro-oils__ship{color:var(--cro-accent)}.cro-oils .cro-oils__grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:8px}@media(max-width:1200px){.cro-oils .cro-oils__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.cro-oils .cro-oils__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cro-oils .cro-oil{position:relative;display:grid!important;grid-template-rows:auto auto auto 1fr;justify-items:center;align-content:start;text-align:center;height:100%;padding:12px 8px;border:1px solid rgba(0,0,0,.1);border-radius:3px;background:#fff;min-width:0}.cro-oils .cro-oil__media,.cro-oils a.cro-oil__media{display:block!important;width:44px;height:44px;margin:0 auto 8px!important;padding:0!important;border:none!important;text-decoration:none!important}.cro-oils .cro-oil__media img{display:block;width:100%;height:100%;margin:0 auto;object-fit:contain}.cro-oils .cro-oil__name,.cro-oils a.cro-oil__name,.cro-oils a.cro-oil__name:link,.cro-oils a.cro-oil__name:visited,.cro-oils a.cro-oil__name:hover{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;min-height:2.8em;margin:0!important;padding:0!important;font-size:12px;line-height:1.4;text-align:center;color:#000000e0;text-decoration:none!important;border:none!important;background-image:none!important;overflow-wrap:anywhere}.cro-oils a.cro-oil__name:hover{color:var(--cro-accent)}.cro-oils .cro-oil__price{display:block;margin-top:4px;font-size:12px;color:#0009}.cro-oils .cro-oil__add{align-self:end;margin-top:9px;width:100%;padding:7px 8px;border:1px solid #111;border-radius:2px;background:#fff;color:#111;font:inherit;font-size:12px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.cro-oils .cro-oil__add:hover{background:var(--cro-accent);border-color:var(--cro-accent);color:#fff}.cro-oils .cro-oil__add:disabled{cursor:default;opacity:.9}.cro-oils .cro-oil__add.is-added{background:var(--cro-accent);border-color:var(--cro-accent);color:#fff}.cro-oil__notes{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%) translateY(4px);z-index:5;width:max-content;max-width:200px;padding:9px 11px;border-radius:3px;background:#1c1c1c;color:#fff;font-size:12px;line-height:1.5;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s}.cro-oil__notes:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#1c1c1c}.cro-oil__notes>span{display:block}.cro-oil__notes i{display:inline-block;min-width:42px;font-style:normal;color:#ffffff8c}.cro-oil:hover .cro-oil__notes,.cro-oil:focus-within .cro-oil__notes{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@media(hover:none){.cro-oil__notes{display:none}}.cro-oils__life{margin:13px 0 0;font-size:12.5px;line-height:1.55;color:#0000009e}.cro-oils__life[hidden]{display:none}.cro-oils__status{margin-top:11px;padding:9px 12px;border-radius:2px;background:var(--cro-accent-tint);border:1px solid var(--cro-accent-line);font-size:12.5px;color:var(--cro-accent-dark)}.cro-oils__status.is-error{background:#fbeeee;border-color:#8a2c2c40;color:#8a2c2c}.cro-oils__status[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/cro-oils.css.map */