.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;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.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__item--roasting{gap:.6rem}.properties__roasting-indicator{height:28px;padding:3px;border-radius:14px;border:1px solid rgba(139,69,19,.2);box-shadow:0 2px 4px #0000001a}.properties__roasting-text{font-size:.8rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.2)}.properties--card .properties__characteristics{padding:0 .2rem}.properties--card .properties__item--roasting{padding:0 .2rem .5rem}.properties--card .properties__characteristics .properties__item:last-child{margin-bottom:.1rem}.properties--card .properties__item{padding-bottom:.3rem;gap:.3rem}.properties--card .properties__item:after{opacity:.4}.properties--card .properties__roasting-indicator{height:24px;border-radius:12px;padding:2.5px;border:1px solid rgba(139,69,19,.15);box-shadow:0 1px 3px #00000014}.properties--card .properties__roasting-text{font-size:.75rem;font-weight:600}}@media (max-width: 480px){.properties__item--roasting{gap:.5rem}.properties__roasting-indicator{height:26px;padding:3px;border-radius:13px;border:1px solid rgba(139,69,19,.25);box-shadow:0 2px 6px #0000001f;min-width:120px}.properties__roasting-text{font-size:.75rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.25)}.properties--card .properties__roasting-indicator{height:22px;border-radius:11px;padding:2px;border:1px solid rgba(139,69,19,.2);box-shadow:0 1px 4px #0000001a;min-width:100px}.properties--card .properties__roasting-text{font-size:.7rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.properties__label{font-size:.85rem}.properties--card .properties__label{font-size:.75rem}}@media (max-width: 360px){.properties__roasting-indicator{height:24px;padding:2.5px;border-radius:12px;min-width:100px;border:1.5px solid rgba(139,69,19,.3);box-shadow:0 2px 8px #00000026}.properties__roasting-text{font-size:.72rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.3)}.properties--card .properties__roasting-indicator{height:20px;border-radius:10px;padding:2px;min-width:90px;border:1px solid rgba(139,69,19,.25)}.properties--card .properties__roasting-text{font-size:.68rem;font-weight:700}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.properties__roasting-indicator{transform:translateZ(0);backface-visibility:hidden}.properties__roasting-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@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}}