.properties{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--color-background-secondary);border-radius:12px;transition:all .3s ease}.properties--card{padding:.75rem .5rem .5rem;gap:.25rem;background:transparent;border:1px solid rgba(139,69,19,.1);border-radius:8px;margin:0 .5rem .5rem}.properties__item{display:flex;flex-direction:column;gap:.8rem;position:relative;padding-bottom:.5rem}.properties__item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#8b45131a,#8b451326,#8b45131a)}.properties__characteristics .properties__item:last-child:after{opacity:.5}.properties__item--roasting{margin-bottom:.5rem;padding-bottom:.75rem}.properties__item--roasting:after{background:linear-gradient(90deg,#8b451326,#8b451333,#8b451326);height:2px}.properties--card .properties__item{gap:.4rem;padding-bottom:.4rem}.properties--card .properties__item:after{opacity:.5}.properties--card .properties__item--roasting{margin-bottom:.25rem;padding:0 .25rem .5rem}.properties--card .properties__item--roasting:after{height:1px;background:linear-gradient(90deg,#8b45131a,#8b451326,#8b45131a)}.properties__item:hover:after{background:linear-gradient(90deg,#8b451326,#8b451340,#8b451326);transition:background .3s ease}.properties__characteristics{display:grid;gap:1rem}.properties--card .properties__characteristics{gap:.5rem;padding:0 .25rem}.properties__label{font-size:.95rem;color:var(--color-text-secondary);font-weight:500}.properties--card .properties__label{font-size:.85rem}.properties__cups{display:flex;gap:4px;align-items:center}.properties--card .properties__cups{gap:2px}.properties__cup{width:14px;height:14px;transition:transform .2s ease}.properties--card .properties__cup{width:10px;height:10px}.properties__cup:hover{transform:scale(1.2) rotate(10deg);filter:drop-shadow(0 3px 5px rgba(139,69,19,.3))}.properties__roasting-indicator{height:24px;background:var(--color-background-primary);border-radius:12px;padding:3px;position:relative;overflow:hidden}.properties--card .properties__roasting-indicator{height:20px;border-radius:10px;padding:2px}.properties__roasting-value{height:100%;width:var(--roasting-level);background:var(--roasting-color);border-radius:9px;position:relative;transition:width .3s ease}.properties__roasting-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--text-color);font-size:.9rem;white-space:nowrap;font-weight:500}.properties--card .properties__roasting-text{font-size:.8rem}@media (max-width: 768px){.properties{padding:1rem;gap:1rem}.properties--card{padding:.5rem .35rem .35rem;margin:0 .35rem .35rem}.properties--card .properties__characteristics,.properties--card .properties__item--roasting{padding:0 .2rem}.properties--card .properties__characteristics .properties__item:last-child{margin-bottom:.1rem}.properties--card .properties__item{padding-bottom:.3rem}.properties--card .properties__item--roasting{padding-bottom:.4rem}.properties--card .properties__item:after{opacity:.4}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.properties__roasting-indicator{transform:translateZ(0);backface-visibility:hidden}}@media (prefers-reduced-motion: reduce){.properties__cup{transition:none}.properties__cup:hover{transform:none;filter:none}.properties__roasting-value{transition:none}.properties__item:hover:after{transition:none}}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.popup-content{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #8b451333;text-align:center;animation:slideIn .3s ease}.popup-content h3{color:#462516;margin-bottom:1.5rem}.popup-buttons{display:flex;gap:1rem;justify-content:center}.popup-buttons button{padding:.8rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-family:Sofia Sans,sans-serif;transition:all .3s ease}.continue-shopping{background:#fff;color:#8b4513;border:1px solid #8B4513!important}.go-to-cart{background:#8b4513;color:#fff}.continue-shopping:hover{background:#f5f5f5}.go-to-cart:hover{background:#5b705a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-success-icon{width:80px;height:80px;margin:0 auto 1.5rem}.success-coffee{width:100%;height:100%}.cup{animation:scaleIn .5s ease forwards;transform-origin:center}.handle{animation:drawHandle .6s ease forwards .3s;stroke-dasharray:50;stroke-dashoffset:50}.saucer{animation:slideUp .4s ease forwards .2s;transform:translateY(10px);opacity:0}.check{animation:drawCheck .6s ease forwards .5s;stroke-dasharray:40;stroke-dashoffset:40}.steam path{opacity:0;animation:steam 2s ease-out infinite}.steam path:nth-child(2){animation-delay:.3s}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes drawHandle{to{stroke-dashoffset:0}}@keyframes slideUp{to{transform:translateY(0);opacity:1}}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes steam{0%{transform:translateY(0) scaleX(1);opacity:0}15%{opacity:.8}50%{transform:translateY(-10px) scaleX(1.2);opacity:.4}to{transform:translateY(-20px) scaleX(1.5);opacity:0}}@media (prefers-reduced-motion: reduce){.cup,.handle,.saucer,.check,.steam path{animation:none;opacity:1;transform:none;stroke-dashoffset:0}}.dropdown{position:relative;width:100%}.dropdown__button{width:100%;padding:.8rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background-primary);color:var(--color-text-primary);font-size:.95rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;position:relative;z-index:2}.dropdown__button:hover{border-color:var(--color-primary);background:var(--color-background-hover)}.dropdown__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown__arrow{width:24px;height:24px;fill:currentColor;transition:transform .3s ease;flex-shrink:0}.dropdown__arrow.is-open{transform:rotate(180deg)}.dropdown__overlay{display:none}.dropdown__content{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:101;overflow-y:auto;padding:6px;margin-top:4px;max-height:300px;opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none}.dropdown__content.is-visible{opacity:1;visibility:visible;pointer-events:auto}.dropdown__content--upward{top:auto;bottom:calc(100% + 8px);margin-top:0;box-shadow:0 -4px 12px #0000001a}.dropdown__content:before,.dropdown__content:after{content:"";position:absolute;left:0;right:0;height:20px;pointer-events:none;opacity:0;transition:opacity .2s ease}.dropdown__content:before{top:0;background:linear-gradient(to bottom,var(--color-background-primary) 0%,transparent 100%)}.dropdown__content:after{bottom:0;background:linear-gradient(to top,var(--color-background-primary) 0%,transparent 100%)}.dropdown__content.has-top-scroll:before{opacity:1}.dropdown__content.has-bottom-scroll:after{opacity:1}.dropdown__option{width:100%;padding:.8rem 1rem;border:none;background:#fff;color:var(--color-text-primary);font-size:.95rem;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease;border-radius:4px;margin:2px 0}.dropdown__option:not(:disabled):hover{background:#f5f0ed}.dropdown__option.is-selected{background:var(--color-primary);color:#fff}.dropdown__option:disabled{opacity:.5;cursor:not-allowed}.dropdown__option-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.dropdown__option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card__weight-selector .dropdown__content{max-height:200px}.product-card__weight-selector .dropdown__content--upward{bottom:calc(100% + 8px);box-shadow:0 -4px 12px #0000001a}.grind-selector .dropdown__content{margin-top:4px}.grind-selector .dropdown__content--upward{margin-bottom:4px}@media (max-width: 768px){.dropdown__overlay{display:block;position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:100;pointer-events:auto}.dropdown__content{position:fixed;inset:auto 0 0;border-radius:12px 12px 0 0;max-height:60vh;background:#f5f0ed;transform:translateY(100%);transition:transform .3s ease}.dropdown.is-open .dropdown__content{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.dropdown__content,.dropdown__arrow{animation:none;transition:none}}