:root{--hd-blue: #0839aa;--hd-bg: #ffffff;--hd-white: #ffffff;--hd-text: #0839aa;--hd-mid: #5575c5;--hd-border: #dce4f0;--hd-light: #eef2fa}.hd-col__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--hd-gutter, 2px);width:100%}.hd-col__card,.hd-col__card *{box-sizing:border-box}.hd-col__card p{margin:0}.hd-col__card{position:relative;overflow:hidden;background:var(--hd-light);display:block;color:inherit;text-decoration:none;border-radius:2px;min-width:0;width:100%}.hd-col__card-img-wrap{position:relative;overflow:hidden;aspect-ratio:3 / 4}.hd-col__card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .5s ease,opacity .2s ease}.hd-col__card-img--story,.hd-col__grid[data-view=story] .hd-col__card-img-wrap--dual .hd-col__card-img--studio{opacity:0}.hd-col__grid[data-view=story] .hd-col__card-img--story{opacity:1}@media(hover:hover)and (pointer:fine){.hd-col__card:hover .hd-col__card-img{transform:scale(1.03)}.hd-col__card:hover .hd-col__card-img--story{opacity:1}.hd-col__card:hover .hd-col__card-img-wrap--dual .hd-col__card-img--studio{opacity:0}}.hd-col__card .hd-col__quickadd-trigger{position:absolute;right:10px;bottom:10px;z-index:2;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid var(--hd-border);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;cursor:pointer;padding:0}@media(hover:hover)and (pointer:fine){.hd-col__card:hover .hd-col__quickadd-trigger{opacity:1;transform:translateY(0)}}.hd-col__card .hd-col__quickadd-trigger .svg-wrapper{width:14px;height:14px;color:#0839aa;display:flex}.hd-col__card .hd-col__quickadd{position:absolute;left:0;right:0;bottom:0;z-index:3;background:#ffffffdb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px;box-shadow:0 -6px 20px #0839aa1f}.hd-col__card .hd-col__quickadd-close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;padding:4px;color:#0839aa}.hd-col__card .hd-col__quickadd-close .svg-wrapper{width:12px;height:12px;display:flex}.hd-col__card .hd-col__quickadd-body{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-right:24px}.hd-col__card .hd-col__quickadd-thumb{width:44px;height:44px;object-fit:cover;flex-shrink:0}.hd-col__card .hd-col__quickadd-meta{min-width:0}.hd-col__card .hd-col__quickadd-name{font-family:Bebas Neue,Tahoma,sans-serif;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:#0839aa;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-col__card .hd-col__quickadd-link{font-family:Bebas Neue,Tahoma,sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--hd-mid);text-decoration:none}.hd-col__card .hd-col__quickadd-link:hover{color:#0839aa}.hd-col__card .hd-col__quickadd-actions{display:flex;align-items:stretch;gap:4px}.hd-col__card .hd-col__quickadd-actions .hd-col__btn{padding:0 10px;min-height:34px;font-size:12px;letter-spacing:.05em;white-space:nowrap;display:flex;align-items:center;justify-content:center}.hd-col__card .hd-col__quickadd-actions .hd-col__btn>span{white-space:nowrap}.hd-col__card .hd-col__quickadd-actions .hd-col__btn--add{justify-content:space-between;gap:8px}.hd-col__card .hd-col__quickadd-actions [hidden]{display:none!important}.hd-col__btn--buynow{background:var(--hd-blue);color:#fff;border:none;flex:1}.hd-col__card .hd-col__quickadd-actions .hd-col__btn--buynow{display:flex;align-items:center;justify-content:flex-end;text-align:right}.hd-col__btn--buynow:hover:not(:disabled){background:#0630a0}.hd-col__card .hd-col__sizegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hd-border);border:1px solid var(--hd-border);margin-bottom:6px}.hd-col__card .hd-col__sizebtn{background:#fff;border:none;padding:8px 4px;font-family:Bebas Neue,Tahoma,sans-serif;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--hd-blue);cursor:pointer;transition:background .15s,color .15s}.hd-col__card .hd-col__sizebtn:hover:not(:disabled){background:var(--hd-light)}.hd-col__card .hd-col__sizebtn.is-selected{background:var(--hd-blue);color:#fff}.hd-col__sizebtn--soldout{color:var(--hd-border);text-decoration:line-through;cursor:not-allowed}.hd-col__btn--needsize:disabled{opacity:.6;cursor:default}.hd-col__card .hd-col__btn{flex:1;font-family:Bebas Neue,Tahoma,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:11px 6px;text-align:center;cursor:pointer;border:none;transition:background .2s,color .2s;display:block;text-decoration:none;line-height:1}.hd-col__btn--add{background:var(--hd-blue);color:#fff;flex:1}.hd-col__btn--add:hover:not(:disabled){background:#0630a0}.hd-col__btn--add:disabled{opacity:.65;cursor:default}.hd-col__btn--view{background:#ffffffeb;color:var(--hd-blue);border:1px solid var(--hd-blue);flex:1}.hd-col__btn--view:hover{background:var(--hd-blue);color:#fff}.hd-col__card .hd-col__card-info{padding:12px 2px 16px;background:var(--hd-white);border-top:1px solid var(--hd-border)}.hd-col__card .hd-col__card-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;min-width:0}.hd-col__card .hd-col__card-meta{display:flex;align-items:baseline;gap:18px;min-width:0}.hd-col__card .hd-col__card-name{font-family:var(--font-body-family, "Bebas Neue", Tahoma, sans-serif);font-weight:500;font-size:18px;line-height:1.15;letter-spacing:normal;color:#0839aa;flex:0 0 auto;white-space:nowrap}.hd-col__card .hd-col__card-colorway{font-family:var(--font-body-family, "Bebas Neue", Tahoma, sans-serif);font-weight:var(--font-body-weight, 400);font-size:18px;line-height:1.15;letter-spacing:normal;text-transform:uppercase;color:#0839aa6b;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-col__card .hd-col__card-price{font-family:var(--font-body-family, "Bebas Neue", Tahoma, sans-serif);font-weight:var(--font-body-weight, 400);font-size:18px;line-height:1.15;letter-spacing:normal;color:#0839aa;flex:0 0 auto;white-space:nowrap}.hd-col__card .hd-col__badge{position:absolute;top:10px;left:10px;background:var(--hd-blue);color:#fff;font-family:Bebas Neue,Tahoma,sans-serif;font-size:9px;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;z-index:1}@media(max-width:749px){.hd-col__grid{grid-template-columns:repeat(2,1fr)}.hd-col__card .hd-col__quickadd-trigger{opacity:1;transform:translateY(0)}.hd-col__card-img-wrap{aspect-ratio:3 / 4}}.hd-col__card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hd-col__card-link:focus-visible{outline:2px solid #0839AA;outline-offset:-2px}.hd-col__card .hd-col__quickadd-trigger,.hd-col__card .hd-col__quickadd{z-index:4}.hd-col__card:focus-within .hd-col__quickadd-trigger{opacity:1;transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/31/assets/hd-col-card.css.map */