.product-modal__layout{display:flex;position:relative;height:610px}@media(max-width:767px){.product-modal__layout{flex-direction:column;height:auto}}.product-modal__gallery{flex:0 0 526px;width:526px;background:var(--color-modal-gallery);border-radius:var(--radius-7xl) 0 0 var(--radius-7xl);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}@media(max-width:767px){.product-modal__gallery{flex:none;width:100%;border-radius:0;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm)}}.product-modal__gallery--simple{justify-content:center;padding:var(--spacing-lg)}@media(max-width:767px){.product-modal__gallery--simple{padding:var(--spacing-md)}}.product-modal__simple-image{width:100%;max-width:494px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.product-modal__simple-image img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-3xl)}.product-modal__main-image-wrapper{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;padding:0 var(--spacing-lg)}@media(max-width:767px){.product-modal__main-image-wrapper{padding:0}}.product-modal__slider-wrap{position:relative;width:100%}.product-modal__slider{overflow:hidden;width:100%;border-radius:var(--radius-7xl)}@media(max-width:767px){.product-modal__slider{border-radius:var(--radius-3xl)}}.product-modal__slider-container{display:flex}.product-modal__slider-slide{flex:0 0 100%;min-width:0}.product-modal__main-image{width:100%;height:330px;object-fit:cover;background:var(--color-bg)}@media(max-width:767px){.product-modal__main-image{height:280px}}.product-modal__slider-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;z-index:2;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);padding:0;line-height:0}.product-modal__slider-nav--prev{left:var(--spacing-sm)}.product-modal__slider-nav--next{right:var(--spacing-sm)}.product-modal__slider-wrap:hover .product-modal__slider-nav{opacity:.6}.product-modal__slider-wrap:hover .product-modal__slider-nav:hover{opacity:1}.product-modal__slider-nav-icon{width:auto;height:auto}.product-modal__badges{position:absolute;top:var(--spacing-xl);left:var(--spacing-xl);display:flex;gap:6px;flex-wrap:wrap;z-index:1}.product-modal__thumbnails{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:center}.product-modal__thumbnail{width:110px;height:68px;border-radius:var(--radius-3xl);overflow:hidden;cursor:pointer;border:none;padding:0;background:none;opacity:.4;transition:opacity var(--duration-fast) var(--ease-out)}.product-modal__thumbnail--active{opacity:1}.product-modal__thumbnail:hover{opacity:.8}.product-modal__thumbnail-img{width:100%;height:100%;object-fit:cover}.product-modal__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-xl) 34px var(--spacing-xl);overflow-y:auto;overflow-x:hidden}.product-modal__info--panel-open{overflow-y:hidden}@media(max-width:767px){.product-modal__info{padding:var(--spacing-lg) 0 0}}.product-modal__info>.btn:last-child{margin-top:auto}.product-modal__name-row{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.product-modal__name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-800);line-height:1.2;flex:1}@media(max-width:767px){.product-modal__name{font-size:var(--text-xl)}}.product-modal__info-btn{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;opacity:.5;transition:opacity var(--duration-fast) var(--ease-out);margin-top:4px}.product-modal__info-btn:hover{opacity:1}.product-modal__subtitle{font-size:var(--text-sm);color:var(--color-gray-500)}.product-modal__description{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.5;white-space:pre-line;word-wrap:break-word;overflow-wrap:break-word}.product-modal__ingredients{display:flex;flex-wrap:wrap;align-items:center;font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6}.product-modal__ingredient{display:inline-flex;align-items:center}.product-modal__ingredient-name{transition:color var(--duration-fast) var(--ease-out)}.product-modal__ingredient-name--removable{text-decoration:underline dotted;text-decoration-color:var(--color-gray-400);text-underline-offset:2px;cursor:pointer}.product-modal__ingredient-name--removable:hover{color:var(--color-red)}.product-modal__ingredient-name--removed{text-decoration:line-through;color:var(--color-gray-400);cursor:pointer}.product-modal__ingredient-name--removed:hover{color:var(--color-gray-500)}.product-modal__ingredient-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:none;border:none;cursor:pointer;padding:0;margin-left:2px;opacity:.6;transition:opacity var(--duration-fast) var(--ease-out)}.product-modal__ingredient-toggle:hover{opacity:1}.product-modal__ingredient-sep{color:var(--color-gray-400)}.product-modal__option{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.product-modal__option-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-700)}.product-modal__option-label--lg{font-size:var(--text-xl);color:var(--color-gray-800)}.product-modal__modifiers{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.product-modal__modifier-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-xs)}.product-modal__modifier-btn{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid var(--color-gray-300);background:var(--color-white);cursor:pointer;padding:0;border-radius:var(--radius-3xl);position:relative;overflow:visible;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.product-modal__modifier-btn:hover{border-color:var(--color-green)}.product-modal__modifier-btn--active{border-color:var(--color-green);background:var(--color-green-300)}.product-modal__modifier-btn--required{border-color:var(--color-red);animation:pulse-required 2s ease-in-out infinite}@keyframes pulse-required{0%,to{border-color:var(--color-red)}50%{border-color:var(--color-gray-300)}}.product-modal__modifier-skeleton{flex:1;min-width:0;height:90px;border-radius:var(--radius-3xl)}.product-modal__modifier-btn-img{width:100%;height:60px;object-fit:cover;border-radius:var(--radius-3xl) var(--radius-3xl) 0 0}.product-modal__modifier-btn-check{position:absolute;top:-4px;left:-4px;width:22px;height:22px;z-index:1}.product-modal__modifier-btn-text{font-size:var(--text-2xs);font-weight:var(--font-medium);color:var(--color-gray-600);text-align:center;line-height:1.2;padding:2px 4px 4px}.product-modal__modifier-btn-text br{display:none}.product-modal__panel-overlay{position:absolute;top:0;right:0;width:calc(100% - 526px);height:100%;background:var(--color-overlay-dark);border-radius:0 var(--radius-7xl) var(--radius-7xl) 0;z-index:2;cursor:pointer}.product-modal__modifier-panel{position:absolute;bottom:0;right:var(--spacing-lg);width:calc(100% - 558px);max-height:580px;background:var(--color-white);border-radius:var(--radius-6xl) var(--radius-6xl) 0 0;box-shadow:var(--shadow-panel-up);z-index:3;display:flex;flex-direction:column;overflow:hidden}.product-modal__modifier-panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);flex-shrink:0}.product-modal__modifier-panel-header h3{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-gray-800);line-height:1.3}.product-modal__modifier-panel-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;flex-shrink:0;margin-left:var(--spacing-sm);transition:transform var(--duration-normal) var(--ease-out)}.product-modal__modifier-panel-close:hover{transform:rotate(90deg)}.product-modal__modifier-panel-body{flex:1;overflow-y:auto;padding:0 var(--spacing-xl)}.product-modal__modifier-panel-footer{flex-shrink:0;position:sticky;bottom:0;padding:var(--spacing-md) var(--spacing-xl);background:#ffffffd9;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));z-index:1}.product-modal__modifier-list{display:flex;flex-direction:column;gap:0}.product-modal__modifier-item{display:flex;align-items:center;gap:var(--spacing-sm);min-height:40px;padding:var(--spacing-xs) 0}.product-modal__modifier-image{width:40px;height:40px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.product-modal__modifier-name{flex:1;font-size:var(--text-base);color:var(--color-gray-800)}.product-modal__nutrition{min-width:200px}.product-modal__nutrition-title{font-size:var(--text-xs);color:rgba(var(--color-white-rgb),.6);margin-bottom:var(--spacing-sm)}.product-modal__nutrition-row{display:flex;justify-content:space-between;gap:var(--spacing-lg);font-size:var(--text-sm);line-height:1.8}.product-modal__nutrition-note{font-size:var(--text-xs);color:rgba(var(--color-white-rgb),.6);margin-top:var(--spacing-sm);line-height:1.4}.mobile-sheet-overlay{position:fixed;inset:0;background:var(--color-overlay);z-index:var(--z-overlay)}.mobile-sheet{position:fixed;top:calc(var(--spacing-sm) + var(--safe-top));left:0;width:100vw;max-width:100vw;bottom:0;background:var(--color-white);z-index:var(--z-modal);border-radius:var(--radius-6xl) var(--radius-6xl) 0 0;overflow:hidden;will-change:transform}.mobile-sheet__inner{height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;border-radius:var(--radius-6xl) var(--radius-6xl) 0 0}.product-modal__mobile{position:relative;touch-action:pan-y}.product-modal__mobile-drag-handle{width:36px;height:4px;background:rgba(var(--color-white-rgb),.6);border-radius:var(--radius-full);margin:6px auto 0;position:relative;z-index:3}.product-modal__mobile-close{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-white-rgb),.85);border:none;border-radius:var(--radius-full);cursor:pointer;z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000026}.product-modal__mobile-gallery{position:relative;width:100%;border-radius:var(--radius-6xl);overflow:hidden;margin-top:-10px}.product-modal__mobile-image{width:100%;height:250px;object-fit:cover}.product-modal__slider-dots{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:1}.product-modal__slider-dot{width:var(--spacing-sm);height:var(--spacing-sm);border-radius:var(--radius-full);background:rgba(var(--color-white-rgb),.5);border:none;padding:0;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),width var(--duration-fast) var(--ease-out)}.product-modal__slider-dot--active{width:20px;background:var(--color-white)}.product-modal__mobile-badges-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg) 0}.product-modal__mobile-badges{display:flex;gap:6px;flex-wrap:wrap}.product-modal__mobile-favorite{background:none;border:none;cursor:pointer;padding:0;transition:transform var(--duration-fast) var(--ease-out)}.product-modal__mobile-favorite:active{transform:scale(1.2)}.product-modal__mobile-info{padding:var(--spacing-sm) var(--spacing-lg) 0;display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.product-modal__nutrition-overlay{position:fixed;inset:0;z-index:4}.product-modal__nutrition-mobile{position:absolute;left:var(--spacing-lg);right:var(--spacing-lg);z-index:5;background:#000000bf;border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);color:var(--color-white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0003}.product-modal__modifier-buttons--mobile{gap:var(--spacing-xs)}.product-modal__mobile-spacer{height:calc(80px + var(--safe-bottom))}.product-modal__mobile-cart-wrapper{position:fixed;bottom:0;left:0;right:0;padding:var(--spacing-sm) var(--spacing-lg) calc(var(--spacing-md) + var(--safe-bottom));background:rgba(var(--color-white-rgb),.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}.animated-sum{display:inline;margin:0 -2px}.animated-sum--up{animation:price-slide-up var(--duration-normal) ease-out}.animated-sum--down{animation:price-slide-down var(--duration-normal) ease-out}@keyframes price-slide-up{0%{transform:translateY(6px);opacity:.3}to{transform:translateY(0);opacity:1}}@keyframes price-slide-down{0%{transform:translateY(-6px);opacity:.3}to{transform:translateY(0);opacity:1}}