.affiliate-link-button{display:inline-block;border-radius:9999px;padding:.625rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));text-decoration-line:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.affiliate-link-button:hover{--tw-translate-y:-0.125rem}.affiliate-link-button:active,.affiliate-link-button:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.affiliate-link-button:active{--tw-translate-y:0px}.affiliate-link-pink{background:linear-gradient(135deg,#F5DEB3,#FAE5C7);box-shadow:0 2px 8px rgba(245,222,179,.35);color:white}.affiliate-link-pink:hover{box-shadow:0 6px 20px rgba(245,222,179,.6);color:white}.affiliate-link-purple{background:linear-gradient(135deg,#A8D5BA,#C3E9D0);box-shadow:0 2px 8px rgba(168,213,186,.35);color:white}.affiliate-link-purple:hover{box-shadow:0 6px 20px rgba(168,213,186,.6);color:white}.affiliate-link-blue{background:linear-gradient(135deg,#B8E6E6,#D0F0F0);box-shadow:0 2px 8px rgba(184,230,230,.35);color:white}.affiliate-link-blue:hover{box-shadow:0 6px 20px rgba(184,230,230,.6);color:white}.affiliate-link-green{background:linear-gradient(135deg,#FFCC99,#FFE0B2);box-shadow:0 2px 8px rgba(255,204,153,.35);color:white}.affiliate-link-green:hover{box-shadow:0 6px 20px rgba(255,204,153,.6);color:white}.affiliate-link-rose{background:linear-gradient(135deg,#4ECDC4,#7FE0DB);box-shadow:0 2px 8px rgba(78,205,196,.35);color:white}.affiliate-link-rose:hover{box-shadow:0 6px 20px rgba(78,205,196,.6);color:white}.affiliate-link-amber{background:linear-gradient(135deg,#FFB6C1,#FFCDD2);box-shadow:0 2px 8px rgba(255,182,193,.35);color:white}.affiliate-link-amber:hover{box-shadow:0 6px 20px rgba(255,182,193,.6);color:white}.glossier-card{position:relative;border-radius:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.glossier-card:hover{transform:translateY(-2px)}.image-swap-container{position:relative;height:320px;overflow:hidden;background:#fafafa}.product-image-hover,.product-image-primary{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease}.product-image-hover{opacity:0}.glossier-card:hover .product-image-hover{opacity:1}.glossier-card:hover .product-image-primary{opacity:0}.quick-add-button{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:white;padding:12px 24px;border-radius:25px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;white-space:nowrap}.glossier-card:hover .quick-add-button{bottom:20px}.quick-add-button:hover{background:black;transform:translateX(-50%) scale(1.05)}.glossier-badge{position:absolute;top:12px;left:12px;background:white;padding:6px 12px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;z-index:2;border-radius:0}.hand-drawn-grid{position:relative;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(212,212,212,.3) 0,rgba(212,212,212,.3) 4px),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(212,212,212,.3) 0,rgba(212,212,212,.3) 4px);background-size:40px 40px;background-position:-1px -1px}.hand-drawn-grid:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(212,212,212,.2) 0,rgba(212,212,212,.2) 41px),repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(212,212,212,.2) 0,rgba(212,212,212,.2) 41px);background-size:40px 40px;transform:rotate(.5deg);opacity:.5;pointer-events:none}