.cfpc{--cfpc-accent: #FF7817;--cfpc-ink: #1A1A1A;--cfpc-mute: #6B6B70;--cfpc-line: #ECEEF2;--cfpc-radius: 20px;--cfpc-hot: #D4183D;--cfpc-new: #1F5FD1;--cfpc-sale: #C24E00;--cfpc-sold: #6B6B70}.product-card.cfpc{position:relative;display:flex;flex-direction:column;height:100%;margin:0;padding:0;overflow:hidden;border:1px solid var(--cfpc-line);border-radius:var(--cfpc-radius);background:#fff;box-shadow:none;color:var(--cfpc-ink);text-align:left;line-height:normal;transition:box-shadow .3s ease,border-color .3s ease}.cfpc .cfpc__media{container-type:inline-size;position:relative;margin:0;background:transparent}.cfpc .cfpc__badge{position:absolute;top:14px;top:clamp(10px,5cqi,24px);left:0;z-index:2;display:inline-flex;align-items:center;padding:.42em .8em .42em .9em;border-radius:0 8px 8px 0;background:var(--cfpc-accent);color:var(--cfpc-ink);font-size:14px;font-size:clamp(11px,4cqi,18px);line-height:1.15;font-weight:650;letter-spacing:0;white-space:nowrap;pointer-events:none}.cfpc .cfpc__frame{position:relative;display:block;overflow:hidden;background:transparent}.cfpc .cfpc__frame.media--square{aspect-ratio:1 / 1}.cfpc .cfpc__frame.media--portrait{aspect-ratio:4 / 5}.cfpc .cfpc__frame.media--landscape{aspect-ratio:4 / 3}.cfpc .cfpc__frame>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .3s ease}.cfpc .cfpc__frame.media--contain>img{box-sizing:border-box;padding:9%;object-fit:contain}.cfpc .cfpc__frame--empty{background:#f3f4f7}.cfpc--soldout .cfpc__frame>img{opacity:.55}.cfpc.product-card .cfpc__body{container-type:inline-size;display:flex;flex-direction:column;flex:1 1 auto;gap:0;margin:0;padding:4px clamp(14px,8%,34px) clamp(16px,7.5%,32px);text-align:left}.cfpc .cfpc__tags{display:flex;align-items:baseline;min-height:1.3em;margin:0 0 .4em;overflow:hidden;white-space:nowrap;font-size:14px;font-size:clamp(12px,4.6cqi,18px);line-height:1.3;font-weight:600;letter-spacing:.005em;color:var(--cfpc-sale)}.cfpc .cfpc__tag{flex:none;color:var(--cfpc-tag, var(--cfpc-sale))}.cfpc .cfpc__tag--own{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.cfpc .cfpc__tag--hot{--cfpc-tag: var(--cfpc-hot)}.cfpc .cfpc__tag--new{--cfpc-tag: var(--cfpc-new)}.cfpc .cfpc__tag--soldout{--cfpc-tag: var(--cfpc-sold)}.cfpc .cfpc__swap{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;margin:0}.cfpc .cfpc__name,.cfpc .cfpc__sub{grid-area:1 / 1;min-width:0}.cfpc .cfpc__name{margin:0;font-size:17px;font-size:clamp(14px,6cqi,24px);line-height:1.28;font-weight:650;letter-spacing:-.01em;color:var(--cfpc-ink);transition:opacity .25s ease}.cfpc .cfpc__name--clamp{display:-webkit-box;-webkit-line-clamp:var(--cfpc-lines, 2);-webkit-box-orient:vertical;overflow:hidden}.cfpc .cfpc__title{display:inline;font:inherit;letter-spacing:inherit;text-decoration:none;color:inherit}.cfpc .cfpc__title:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cfpc .cfpc__sub{margin:0;font-size:15px;font-size:clamp(12.5px,5cqi,18px);line-height:1.45;font-weight:400;color:var(--cfpc-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.cfpc .cfpc__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px;padding-top:clamp(14px,6cqi,28px)}.cfpc .cfpc__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;min-width:0}.cfpc .cfpc__now{font-size:17px;font-size:clamp(15px,5.6cqi,22px);line-height:1.2;font-weight:600;color:var(--cfpc-ink);white-space:nowrap}.cfpc .cfpc__now small{font-size:.72em;font-weight:500;color:var(--cfpc-mute)}.cfpc .cfpc__was{font-size:14px;font-size:clamp(12px,4.4cqi,17px);line-height:1.2;color:#85858b;text-decoration:line-through;text-decoration-thickness:1px;white-space:nowrap}.cfpc .cfpc__unit{flex-basis:100%;font-size:12px;color:var(--cfpc-mute)}.cfpc .cfpc__soon{margin:0;font-size:16px;font-size:clamp(14px,5.2cqi,20px);line-height:1.2;font-weight:650;color:var(--cfpc-sale)}.cfpc .cfpc__go{position:relative;z-index:2;flex:none;display:grid;place-items:center;width:42px;height:42px;width:clamp(34px,13cqi,48px);height:clamp(34px,13cqi,48px);border-radius:50%;background:var(--cfpc-accent);color:var(--cfpc-ink);opacity:0;transform:translate(-8px);transition:opacity .3s ease,transform .3s ease}.cfpc .cfpc__go svg{width:42%;height:42%}@media(hover:hover)and (pointer:fine){.product-card.cfpc:hover{border-color:transparent;box-shadow:0 18px 40px #1a1a1a17}.cfpc:hover .cfpc__frame.media--contain>img{transform:scale(1.03)}.cfpc:hover .cfpc__go{opacity:1;transform:none}.cfpc:hover .cfpc__swap--sub .cfpc__name{opacity:0}.cfpc:hover .cfpc__sub{opacity:1;transform:none}}@media(hover:none),(pointer:coarse){.cfpc .cfpc__sub,.cfpc .cfpc__go{display:none}}.cfpc .cfpc__title:focus-visible{outline:2px solid var(--cfpc-accent);outline-offset:3px;border-radius:4px}@supports selector(:has(*)){.cfpc .cfpc__title:focus-visible{outline:none}.product-card.cfpc:has(.cfpc__title:focus-visible){box-shadow:0 0 0 2px var(--cfpc-accent)}}@media(max-width:639px){.cfpc{--cfpc-radius: 14px}.cfpc .cfpc__frame.media--contain>img{padding:7%}}@media(prefers-reduced-motion:reduce){.cfpc,.cfpc *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/craftphilia-product-card.css.map */