.product-detail__grid{grid-template-columns:1fr 1fr;gap:4rem;margin-top:2rem;display:grid}.product-detail__price-container{align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.product-detail__price{color:#1a1a1a;font-size:2.5rem;font-weight:800}.product-detail__old-price{color:#a0a0c0;font-size:1.5rem;text-decoration:line-through}.product-detail__discount-badge{color:#fff;background:#ff4757;border-radius:4px;padding:.2rem .6rem;font-size:.9rem;font-weight:700}.status-badge{border-radius:20px;margin-bottom:2rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.status-badge--instock{color:#00e676;background:#00e6761a}.status-badge--outofstock{color:#ff4757;background:#ff47571a}.product-detail__description{border-top:1px solid var(--border-color);margin-bottom:2rem;padding-top:2rem}.product-detail__description h3{color:var(--text-primary);margin-bottom:1rem}.product-detail__description p{color:var(--text-secondary);line-height:1.8}.product-detail__actions{gap:1rem;margin-bottom:3rem;display:flex}.btn--lg{flex:1;padding:1rem 2.5rem;font-size:1.1rem}.product-detail__features{border-top:1px solid var(--border-color);grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:2rem;display:grid}.feature-item{text-align:center;color:var(--text-secondary);font-size:.9rem}.feature-item span{margin-bottom:.5rem;font-size:1.5rem;display:block}@media (max-width:768px){.product-detail__grid{grid-template-columns:1fr;gap:2rem}.product-detail__features{grid-template-columns:1fr;gap:.75rem}}.product-grid{margin-top:2rem}.empty-state{text-align:center;padding:4rem 0}.empty-state__icon{font-size:4rem}.empty-state__title{margin:1rem 0;font-size:1.5rem}.pagination{justify-content:center;gap:.5rem;margin-top:3rem;display:flex}.faq-grid{gap:1.5rem;margin-top:1.5rem;display:grid}.faq-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.faq-item__title{color:var(--accent-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-item__text{color:var(--text-secondary);font-size:.95rem}@media (max-width:600px){.faq-grid{gap:1rem}.faq-item{padding:1rem}}
.site-notifications-wrapper{z-index:50;align-items:center;display:flex;position:relative}.site-notifications-toggle{color:var(--text-primary,#1a1a1a);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;font-size:1.2rem;transition:background .2s,color .2s;display:flex;position:relative}.site-notifications-toggle:hover{background:var(--bg-glass,#0000000a);color:var(--accent-primary,#5c3d2e)}.site-notifications-toggle.active{color:var(--accent-primary,#5c3d2e);background:var(--bg-glass,#0000000a)}.site-notifications-toggle svg{width:22px;height:22px}.sn-badge{background:var(--accent-red,#c62828);color:#fff;border:2px solid var(--bg-primary,#fff);border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:0;right:-1px}.site-notifications-box{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#00000014);border-radius:var(--radius-lg,16px);transform-origin:100% 0;flex-direction:column;width:340px;max-width:calc(100vw - 24px);max-height:420px;animation:.25s cubic-bezier(.175,.885,.32,1.275) forwards snBoxIn;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f}@keyframes snBoxIn{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.sn-header{background:var(--bg-secondary,#f8f6f3);border-bottom:1px solid var(--border-color,#00000014);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.sn-header h4{color:var(--text-primary,#1a1a1a);margin:0;font-size:.95rem;font-weight:600}.sn-header-actions{align-items:center;gap:10px;display:flex}.sn-mark-all{color:var(--accent-primary-light,#7a5540);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:500;text-decoration:underline;transition:color .2s}.sn-mark-all:hover{color:var(--accent-primary,#5c3d2e)}.sn-close-btn{color:var(--text-muted,#999);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.4rem;line-height:1;transition:color .2s}.sn-close-btn:hover{color:var(--text-primary,#1a1a1a)}.sn-body{background:var(--bg-primary,#fff);flex-direction:column;gap:4px;max-height:350px;padding:8px;display:flex;overflow-y:auto}.sn-body::-webkit-scrollbar{width:5px}.sn-body::-webkit-scrollbar-track{background:0 0}.sn-body::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.sn-item{background:var(--bg-primary,#fff);border-radius:var(--radius-md,12px);border-left:3px solid #0000;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;transition:background .2s;display:flex}.sn-item:hover{background:var(--bg-glass-hover,#0000000a)}.sn-item.unread{border-left-color:var(--accent-primary,#5c3d2e);background:#5c3d2e0a}.sn-item.read{opacity:.55}.sn-item-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sn-text{color:var(--text-primary,#1a1a1a);word-wrap:break-word;font-size:.88rem;line-height:1.45;text-decoration:none}a.sn-text:hover{color:var(--accent-primary-light,#7a5540);text-decoration:underline}.sn-date{color:var(--text-muted,#999);font-size:.72rem}.sn-mark-btn{background:var(--bg-glass,#00000008);border:1px solid var(--border-color,#00000014);color:var(--accent-primary-light,#7a5540);border-radius:var(--radius-sm,8px);cursor:pointer;white-space:nowrap;flex-shrink:0;align-self:center;padding:5px 10px;font-size:.72rem;font-weight:500;transition:all .2s}.sn-mark-btn:hover{background:var(--accent-primary,#5c3d2e);border-color:var(--accent-primary,#5c3d2e);color:#fff}.sn-empty-msg{text-align:center;color:var(--text-muted,#999)!important;padding:28px 20px!important;font-size:.88rem!important}@media (max-width:600px){.site-notifications-box{border-radius:var(--radius-xl,24px)var(--radius-xl,24px)0 0;transform-origin:bottom;width:100%;max-width:100%;max-height:70vh;animation:.3s cubic-bezier(.25,.46,.45,.94) forwards snSlideUp;position:fixed;inset:auto 0 0;box-shadow:0 -8px 40px #00000026}@keyframes snSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.sn-header{padding:16px 20px}.sn-body{max-height:calc(70vh - 60px);padding:12px}.sn-item{padding:14px 16px}}@media (max-width:768px){.site-notifications-toggle{padding:4px}.site-notifications-toggle svg{width:20px;height:20px}}