.user-profile{position:relative}.user-profile-trigger{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;transition:transform .2s ease}.user-profile-trigger:hover{transform:scale(1.05)}.user-profile-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--accent);object-fit:cover}.user-profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px var(--shadow);min-width:250px;z-index:1000;overflow:hidden}.user-profile-header{padding:1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border);background-color:var(--bg-secondary)}.user-profile-avatar-large{width:48px;height:48px;border-radius:50%;border:2px solid var(--accent);object-fit:cover}.user-profile-info{flex:1;min-width:0}.user-profile-name{font-weight:600;color:var(--text-primary);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-email{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-menu{padding:.5rem 0}.user-profile-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:background-color .2s ease;text-align:left}.user-profile-menu-item:hover{background-color:var(--bg-secondary)}.user-profile-menu-item.logout{color:#dc3545;border-top:1px solid var(--border);margin-top:.25rem}.user-profile-menu-item.logout:hover{background-color:#dc35451a}.user-profile-menu-item svg{flex-shrink:0}.header{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,var(--bg-secondary)),color-mix(in srgb,var(--accent-secondary) 9%,var(--bg-secondary)),color-mix(in srgb,var(--accent-tertiary) 8%,var(--bg-secondary)));border-bottom:1px solid var(--border);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px var(--shadow)}.header-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.logo h1{font-size:1.8rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0;font-weight:700}.nav{display:flex;gap:1rem;flex:1;justify-content:center;flex-wrap:wrap;max-width:100%}.nav a{white-space:nowrap}.nav a{color:var(--text-primary);font-weight:500;padding:.5rem 0;transition:color .2s ease;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.cart-link{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background-color:var(--bg-primary);display:inline-flex;align-items:center;justify-content:center}.cart-link:hover{background-color:var(--bg-tertiary)}.cart-icon{font-size:1.1rem}.cart-count{position:absolute;top:-6px;right:-6px;background-color:var(--accent);color:#fff;font-size:.7rem;line-height:1;padding:.25rem .35rem;border-radius:999px;min-width:18px;text-align:center}.theme-toggle{background:none;border:1px solid var(--border);padding:.5rem .75rem;border-radius:4px;font-size:1.2rem;transition:all .2s ease;background-color:var(--bg-primary)}.theme-toggle:hover{background-color:var(--bg-tertiary)}.user-menu{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.user-info{display:flex;align-items:center;gap:.5rem}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--accent)}.user-name{color:var(--text-primary);font-size:.85rem;white-space:nowrap}.logout-btn,.login-btn{background-color:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:500;transition:background-color .2s ease}.logout-btn:hover,.login-btn:hover{background-color:var(--accent-hover)}@media (max-width: 1200px){.nav{gap:.75rem}.nav a{font-size:.8rem}}@media (max-width: 968px){.nav{display:none}.header-container{gap:1rem}}@media (max-width: 640px){.logo h1{font-size:1.4rem}.user-name{display:none}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border);margin-top:4rem;padding:3rem 0 1rem}.footer-container{max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-section h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--text-secondary);transition:color .2s ease}.footer-links a:hover{color:var(--accent)}.footer-section p{color:var(--text-secondary);line-height:1.6}.footer-bottom{max-width:1400px;margin:2rem auto 0;padding:1.5rem 20px 0;border-top:1px solid var(--border);text-align:center}.footer-bottom p{color:var(--text-tertiary);font-size:.9rem}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:0 20px}@media (max-width: 768px){.main-content{padding:0 15px}}.post-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;height:100%;display:flex;flex-direction:column;box-shadow:0 6px 18px var(--shadow)}.post-card:hover{transform:translateY(-6px);box-shadow:0 16px 30px var(--shadow);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.post-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.post-card-image{position:relative;width:100%;height:240px;overflow:hidden;background-color:var(--bg-tertiary)}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-card-image img{transform:scale(1.05)}.featured-badge{position:absolute;top:10px;right:10px;background-color:var(--accent);color:#fff;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.post-card-content{padding:1.25rem;display:flex;flex-direction:column;flex:1}.post-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem}.post-category{background-color:var(--accent);color:#fff;padding:.25rem .75rem;border-radius:4px;font-weight:600;text-transform:uppercase;font-size:.75rem}.post-date{color:var(--text-tertiary)}.post-card-title{font-size:1.3rem;font-weight:700;margin:.5rem 0;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-excerpt{color:var(--text-secondary);margin:.75rem 0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.post-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.85rem;gap:.75rem}.author-name{color:var(--text-secondary);font-weight:500}.comment-count{color:var(--text-tertiary)}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.post-tag{background-color:var(--bg-tertiary);color:var(--text-primary);padding:.28rem .62rem;border-radius:999px;font-size:.75rem;transition:background-color .2s ease,color .2s ease}@media (max-width: 640px){.post-card-title{font-size:1.2rem}.post-card-content{padding:1rem}}.ad-container{display:flex;justify-content:center;align-items:center;margin:1.5rem 0;min-height:50px;width:100%}.ad-banner{width:100%;max-width:728px;min-height:90px}.ad-square{width:250px;height:250px}.ad-rectangle{width:300px;height:250px}.ad-skyscraper{width:160px;height:600px}.ad-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px dashed var(--border);border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-secondary);text-align:center;padding:1rem}.ad-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:.5rem}.ad-content{font-size:.9rem}.ad-content small{display:block;margin-top:.5rem;color:var(--text-tertiary);font-size:.75rem}@media (max-width: 768px){.ad-banner{max-width:100%;min-height:50px}.ad-square,.ad-rectangle{width:100%;max-width:300px;height:250px}.ad-skyscraper{width:100%;height:250px}}.home{padding:2rem 0;position:relative}.featured-section{margin-bottom:4rem}.filters-toggle-fab{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:120;border:1px solid var(--border);background:var(--gradient-primary);color:#fff;border-radius:999px;padding:.6rem .9rem;font-weight:700;box-shadow:0 10px 26px var(--shadow)}.filters-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000059;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:130}.filters-overlay.visible{opacity:1;pointer-events:auto}.filters-drawer{position:fixed;top:0;left:0;width:min(340px,88vw);height:100vh;background-color:var(--card-bg);border-right:1px solid var(--border);transform:translate(-102%);transition:transform .3s ease;z-index:140;padding:1rem;overflow-y:auto;box-shadow:0 14px 40px var(--shadow)}.filters-drawer.open{transform:translate(0)}.filters-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.drawer-close-btn{border:1px solid var(--border);background-color:var(--bg-primary);color:var(--text-primary);border-radius:6px;width:34px;height:34px;font-size:1.4rem;line-height:1}.clear-filters-btn{margin-top:1rem;width:100%;border:none;border-radius:8px;padding:.7rem .85rem;background-color:var(--accent);color:#fff;font-weight:700}.clear-filters-btn:hover{background-color:var(--accent-hover)}.featured-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.carousel-controls{display:flex;gap:.5rem}.carousel-button{border:1px solid var(--border);background-color:var(--card-bg);color:var(--text-primary);border-radius:999px;width:42px;height:42px;font-size:1.2rem;transition:all .2s ease}.carousel-button:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}.section-title{font-size:2.1rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);border-bottom:2px solid var(--border);padding-bottom:.65rem}.featured-carousel-window{border-radius:14px;overflow:hidden;border:1px solid var(--border);background-color:var(--card-bg)}.featured-track{display:flex;width:100%;transition:transform .9s cubic-bezier(.22,.61,.36,1)}.featured-slide{flex:0 0 100%;position:relative;min-height:430px}.featured-slide-image{width:100%;height:430px;object-fit:cover;display:block}.featured-slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.6rem;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.75) 100%);color:#fff}.featured-slide-overlay h3{font-size:2rem;line-height:1.15}.featured-slide-overlay p{max-width:620px;color:#ffffffe6}.featured-slide-chip{width:fit-content;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:.24rem .7rem}.featured-slide-footer{margin-top:.55rem;display:flex;align-items:center;gap:1rem}.featured-slide-footer strong{font-size:1.35rem}.featured-slide-footer a{background-color:var(--accent);color:#fff;border-radius:999px;padding:.5rem .9rem;font-weight:700}.filters-section{background-color:transparent;padding:0;border-radius:0;margin-bottom:3rem;border:none}.search-bar{margin-bottom:0}.search-input{width:100%;padding:.95rem 1rem;border:1px solid var(--border);border-radius:12px;font-size:1rem;background-color:var(--card-bg);color:var(--text-primary);box-shadow:0 6px 16px var(--shadow)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.attribute-filters{display:flex;flex-direction:column;gap:.9rem;margin-top:.5rem}.attribute-filter-group h3{font-size:.95rem;margin-bottom:.4rem;color:var(--text-secondary)}.checkbox-list{display:flex;flex-direction:column;gap:.5rem;max-height:160px;overflow-y:auto;padding-right:.3rem}.checkbox-item{display:flex;align-items:center;gap:.65rem;color:var(--text-primary);font-size:.92rem;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:9px;padding:.45rem .55rem;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.checkbox-item:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background-color:var(--bg-tertiary);transform:translate(1px)}.checkbox-item input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1.5px solid var(--border);border-radius:4px;background:var(--card-bg);position:relative;margin:0}.checkbox-item input:checked{border-color:var(--accent);background:var(--accent)}.checkbox-item input:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.price-filter{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.price-filter h3{font-size:.95rem;color:var(--text-secondary);margin-bottom:.5rem}.price-slider{width:100%}.tag-filter{padding:.4rem .75rem;border:1px solid var(--border);background-color:var(--bg-primary);color:var(--text-primary);border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:.85rem}.posts-section{margin-top:3rem}.posts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.posts-count{color:var(--text-tertiary);font-size:.9rem}.posts-grid>div{display:contents}.posts-grid>div>.ad-container{grid-column:1 / -1;justify-self:center;margin:2rem 0}@media (max-width: 768px){.filters-toggle-fab{top:auto;bottom:16px;left:12px;transform:none;padding:.55rem .8rem}.featured-slide{min-height:350px}.featured-slide-image{height:350px}.featured-slide-overlay h3{font-size:1.45rem}.posts-grid{grid-template-columns:1fr}}.comments-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.comments-title{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.comments-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.comments-error{background-color:#fee;color:#c33;padding:1rem;border-radius:4px;margin-bottom:1rem;border:1px solid #fcc}[data-theme=dark] .comments-error{background-color:#4a2020;color:#ff6b6b;border-color:#6a3030}.comments-empty{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}.comment-form{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.review-rating-label{font-weight:600;color:var(--text-primary)}.review-rating-select{width:180px;border:1px solid var(--border);border-radius:4px;padding:.5rem .75rem;background-color:var(--bg-primary);color:var(--text-primary)}.comment-input{width:100%;padding:1rem;border:1px solid var(--border);border-radius:4px;font-size:1rem;font-family:inherit;background-color:var(--bg-primary);color:var(--text-primary);resize:vertical;transition:border-color .2s ease}.comment-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.comment-submit{align-self:flex-start;background-color:var(--accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.comment-submit:hover:not(:disabled){background-color:var(--accent-hover)}.comment-submit:disabled{opacity:.6;cursor:not-allowed}.comments-login-prompt{margin-bottom:2rem;padding:1rem;background-color:var(--bg-secondary);border-radius:4px;text-align:center;color:var(--text-secondary)}.comments-login-prompt a{color:var(--accent);font-weight:500}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.comments-empty{text-align:center;padding:3rem;color:var(--text-secondary);font-style:italic}.comment-item{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.comment-author{display:flex;align-items:center;gap:.75rem}.comment-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--accent);object-fit:cover}.comment-author-name{font-weight:600;color:var(--text-primary);cursor:pointer}.comment-author-name:hover{color:var(--accent)}.comment-badge{background-color:var(--accent);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:.5rem}.comment-date{font-size:.85rem;color:var(--text-tertiary)}.comment-content{color:var(--text-primary);line-height:1.6;margin-bottom:1rem;white-space:pre-wrap}.review-stars{color:#f59e0b;margin-bottom:.75rem;font-size:1rem;letter-spacing:1px}.comment-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border)}.comment-vote-btn{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border);padding:.5rem 1rem;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.9rem}.comment-vote-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent)}.comment-vote-btn.active{background-color:var(--accent);border-color:var(--accent);color:#fff}.comment-vote-btn svg{flex-shrink:0}.post-page{max-width:1100px;margin:0 auto;padding:2rem 0}.post-article{background-color:var(--card-bg);border:1px solid var(--border);border-radius:14px;overflow:hidden;padding:2rem;box-shadow:0 14px 34px var(--shadow)}.product-article{display:flex;flex-direction:column;gap:1.5rem}.post-header{margin-bottom:2rem}.post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.post-category-link{text-decoration:none}.post-category{background-color:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:4px;font-weight:600;text-transform:uppercase;font-size:.85rem;display:inline-block}.post-date{color:var(--text-tertiary);font-size:.9rem}.post-title{font-size:clamp(2rem,3.5vw,2.8rem);font-weight:700;line-height:1.2;margin:1rem 0;color:var(--text-primary)}.post-author-info{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.product-tags-inline{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.author-details{display:flex;gap:1.5rem;align-items:center;color:var(--text-secondary);font-size:.95rem}.author-name{font-weight:600}.post-image{width:100%;margin:2rem 0;border-radius:8px;overflow:hidden}.product-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:start}.product-gallery .post-image{margin:0}.gallery-thumbs{display:flex;gap:.75rem;margin-top:.75rem}.size-chart-card{margin-top:1rem;border:1px solid var(--border);border-radius:10px;padding:1rem;background-color:var(--bg-secondary)}.size-chart-card h3{margin-bottom:.6rem;font-size:1.2rem}.size-chart-table-wrap{overflow-x:auto}.size-chart-table{width:100%;border-collapse:collapse;font-size:.98rem}.size-chart-table th,.size-chart-table td{border:1px solid var(--border);padding:.45rem .55rem;text-align:left}.size-chart-table th{background-color:var(--bg-tertiary)}.size-chart-note{margin-top:.5rem;color:var(--text-tertiary);font-size:.9rem}.size-chart-card-centered{max-width:900px;width:100%;margin:1.25rem auto 0}.gallery-thumb{width:84px;height:84px;padding:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:none;transition:transform .2s ease,border-color .2s ease}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-thumb.active{border-color:var(--accent);transform:translateY(-2px)}.product-purchase-panel{border:1px solid var(--border);border-radius:12px;padding:1.15rem;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 6%,var(--bg-secondary)) 0%,var(--bg-secondary) 58%);align-self:start;max-height:fit-content}.product-description{color:var(--text-primary);margin-bottom:.75rem}.product-stock{color:var(--text-secondary);font-weight:600}.variant-group{margin-top:1rem}.variant-group h3{margin-bottom:.5rem}.variant-options{display:flex;flex-wrap:wrap;gap:.5rem}.variant-option{border:1px solid var(--border);border-radius:20px;padding:.4rem .8rem;background-color:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.variant-option:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.variant-option.selected{border-color:var(--accent);background-color:var(--accent);color:#fff}.product-actions{margin-top:1rem;display:grid;grid-template-columns:auto 90px 1fr;gap:.75rem;align-items:center}.product-actions input{border:1px solid var(--border);border-radius:6px;padding:.45rem;background-color:var(--bg-primary);color:var(--text-primary)}.add-to-cart-btn{border:none;border-radius:6px;padding:.6rem 1rem;background-color:var(--accent);color:#fff;font-weight:600;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 35%,transparent)}.add-to-cart-btn:hover{background-color:var(--accent-hover)}.post-image img{width:100%;height:auto;display:block}.post-content{line-height:1.8;color:var(--text-primary);font-size:1.1rem;margin:2rem 0}.post-content p{margin-bottom:1.5rem}.post-content h2{font-size:1.8rem;margin:2rem 0 1rem;color:var(--text-primary)}.post-content h3{font-size:1.5rem;margin:1.5rem 0 1rem;color:var(--text-primary)}.post-content ul,.post-content ol{margin:1rem 0;padding-left:2rem}.post-content li{margin-bottom:.5rem}.post-tags{display:flex;flex-wrap:wrap;gap:.75rem}.post-tag{background-color:var(--bg-tertiary);color:var(--text-primary);padding:.5rem 1rem;border-radius:4px;font-size:.9rem;transition:all .2s ease;text-decoration:none}.post-tag:hover{background-color:var(--accent);color:#fff}.post-comments-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.post-comments-section h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.comments-placeholder{background-color:var(--bg-secondary);padding:2rem;border-radius:8px;text-align:center;color:var(--text-secondary)}.related-posts{margin-top:4rem;padding-top:2rem;border-top:2px solid var(--border)}.related-posts h2{font-size:1.8rem;margin-bottom:1.5rem;color:var(--text-primary)}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.related-post-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 22px var(--shadow)}.related-post-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px var(--shadow)}.related-post-card img{width:100%;height:150px;object-fit:cover}.related-post-card h3{padding:1rem;font-size:1.1rem;margin:0;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-date{display:block;padding:0 1rem 1rem;color:var(--text-tertiary);font-size:.85rem}.post-not-found{text-align:center;padding:4rem 2rem}.post-not-found h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.post-not-found p{color:var(--text-secondary);margin-bottom:2rem}@media (max-width: 768px){.product-layout{grid-template-columns:1fr}.post-article{padding:1.5rem}.post-title{font-size:1.8rem}.post-content{font-size:1rem}.related-posts-grid{grid-template-columns:1fr}}.category-page{padding:2rem 0}.category-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--accent)}.category-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.category-count{color:var(--text-tertiary);font-size:1rem}.category-posts{margin-top:2rem}@media (max-width: 768px){.posts-grid{grid-template-columns:1fr}.category-title{font-size:2rem}}.tag-page{padding:2rem 0}.tag-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--accent)}.tag-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.tag-count{color:var(--text-tertiary);font-size:1rem}.tag-posts{margin-top:2rem}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.no-posts{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.no-posts a{display:inline-block;margin-top:1rem;color:var(--accent)}@media (max-width: 768px){.posts-grid{grid-template-columns:1fr}.tag-title{font-size:2rem}}.auth-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-container{background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:3rem;max-width:450px;width:100%;box-shadow:0 4px 12px var(--shadow)}.auth-container h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.auth-subtitle{color:var(--text-secondary);margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff66001a}.auth-button{background-color:var(--accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-top:.5rem}.auth-button:hover:not(:disabled){background-color:var(--accent-hover)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;text-align:center}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.auth-divider span{padding:0 1rem;color:var(--text-tertiary);font-size:.9rem}.google-button{background-color:#fff;color:#333;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:0}.google-button:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--accent)}.auth-error{background-color:#dc35451a;color:#dc3545;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid rgba(220,53,69,.3)}.auth-footer{margin-top:2rem;text-align:center;color:var(--text-secondary)}.auth-footer a{color:var(--accent);font-weight:500}@media (max-width: 640px){.auth-container{padding:2rem 1.5rem}}.settings-page{padding:2rem 0;min-height:60vh}.settings-container{max-width:700px;margin:0 auto;padding:0 20px}.settings-container h1{font-size:2rem;margin-bottom:2rem;color:var(--text-primary)}.settings-message{padding:1rem;border-radius:4px;margin-bottom:2rem}.settings-message.success{background-color:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.3)}.settings-message.error{background-color:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.settings-section{background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:2rem;margin-bottom:2rem}.settings-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.settings-profile-picture{display:flex;align-items:center;gap:2rem}.settings-avatar{width:100px;height:100px;border-radius:50%;border:3px solid var(--accent);object-fit:cover}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-primary);font-weight:500;font-size:.9rem}.form-group input{padding:.75rem;border:1px solid var(--border);border-radius:4px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.form-group input.disabled-input{background-color:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed}.settings-hint{font-size:.85rem;color:var(--text-tertiary);margin-top:.25rem}.settings-button{background-color:var(--accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;align-self:flex-start}.settings-button:hover:not(:disabled){background-color:var(--accent-hover)}.settings-button:disabled{opacity:.6;cursor:not-allowed}.settings-button.primary{background-color:var(--accent)}.settings-connected-account{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-secondary);border-radius:4px}.settings-account-info{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-weight:500}.settings-connected-badge{background-color:#28a7451a;color:#28a745;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.settings-not-connected{color:var(--text-tertiary);font-size:.9rem}.settings-order-list{display:flex;flex-direction:column;gap:.75rem}.settings-order-item{border:1px solid var(--border);border-radius:6px;padding:.75rem;display:flex;justify-content:space-between;gap:1rem}@media (max-width: 640px){.settings-profile-picture{flex-direction:column;align-items:flex-start}.settings-connected-account{flex-direction:column;align-items:flex-start;gap:1rem}.settings-order-item{flex-direction:column}}.profile-page{padding:2rem 0;min-height:60vh}.profile-container{max-width:800px;margin:0 auto;padding:0 20px}.profile-loading,.profile-not-found{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.profile-header{background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:2rem;display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.profile-avatar-large{width:120px;height:120px;border-radius:50%;border:4px solid var(--accent);object-fit:cover}.profile-info{flex:1}.profile-name{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.profile-email{color:var(--text-secondary);margin-bottom:1rem}.profile-edit-btn{display:inline-block;background-color:var(--accent);color:#fff;padding:.5rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s ease}.profile-edit-btn:hover{background-color:var(--accent-hover)}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.profile-stat-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem;text-align:center}.profile-stat-card.positive{border-color:#28a745}.profile-stat-card.negative{border-color:#dc3545}.profile-stat-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.profile-stat-card.positive .profile-stat-value{color:#28a745}.profile-stat-card.negative .profile-stat-value{color:#dc3545}.profile-stat-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.profile-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:.5rem 1rem;color:var(--text-primary);font-size:.9rem}.profile-orders{margin-top:2rem;background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1rem}.profile-orders h2{margin-bottom:.75rem}.profile-orders-list{display:flex;flex-direction:column;gap:.75rem}.profile-order-item{border:1px solid var(--border);border-radius:6px;padding:.75rem;display:flex;justify-content:space-between;gap:1rem}.profile-order-item p{color:var(--text-secondary)}.profile-order-status{border:1px solid var(--accent);color:var(--accent);border-radius:20px;padding:.15rem .5rem;text-transform:capitalize}@media (max-width: 640px){.profile-header{flex-direction:column;text-align:center}.profile-stats{grid-template-columns:1fr}}.cart-page{padding:2rem 0}.cart-header{margin-bottom:1.5rem;border-bottom:2px solid var(--accent);padding-bottom:.75rem}.cart-empty{border:1px solid var(--border);border-radius:8px;padding:2rem;text-align:center}.cart-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:1.5rem}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{border:1px solid var(--border);border-radius:8px;display:grid;grid-template-columns:110px 1fr auto;gap:1rem;background-color:var(--card-bg);padding:.75rem}.cart-item img{width:100%;height:110px;object-fit:cover;border-radius:6px}.cart-item-details h3{margin-bottom:.35rem}.cart-item-details p{color:var(--text-secondary);margin:.15rem 0}.cart-item-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;justify-content:center}.cart-item-actions input{width:70px;border:1px solid var(--border);border-radius:6px;padding:.4rem;background-color:var(--bg-primary);color:var(--text-primary)}.cart-item-actions button{border:1px solid var(--border);border-radius:6px;padding:.35rem .6rem;background-color:var(--bg-primary);color:var(--text-primary)}.cart-summary{border:1px solid var(--border);border-radius:8px;background-color:var(--bg-secondary);padding:1rem;height:fit-content}.summary-line{display:flex;justify-content:space-between;margin-top:.65rem}.summary-total{margin-top:.9rem;border-top:1px solid var(--border);padding-top:.75rem;font-weight:700}.checkout-btn{width:100%;margin-top:1rem;border:none;border-radius:6px;padding:.75rem 1rem;background-color:var(--accent);color:#fff;font-weight:600}.checkout-btn:hover{background-color:var(--accent-hover)}@media (max-width: 900px){.cart-layout{grid-template-columns:1fr}}@media (max-width: 640px){.cart-item{grid-template-columns:1fr}.cart-item img{height:190px}.cart-item-actions{align-items:flex-start}}.checkout-page{padding:2rem 0}.checkout-header{margin-bottom:1.5rem;border-bottom:2px solid var(--accent);padding-bottom:.75rem}.checkout-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:1.5rem}.checkout-form,.checkout-summary{background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group textarea{width:100%;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary);padding:.6rem;resize:vertical}.checkout-note{margin-top:.75rem;color:var(--text-secondary)}.summary-line{display:flex;justify-content:space-between;margin-top:.7rem}.summary-total{margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--border);font-weight:700}.checkout-summary button{width:100%;border:none;border-radius:6px;padding:.75rem;margin-top:1rem;background-color:var(--accent);color:#fff;font-weight:600}.checkout-summary button:disabled{opacity:.55}.checkout-message{margin-top:.75rem;color:var(--text-secondary)}@media (max-width: 900px){.checkout-layout{grid-template-columns:1fr}}.orders-page{padding:2rem 0}.orders-loading,.orders-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.orders-header{margin-bottom:1.5rem;border-bottom:2px solid var(--accent);padding-bottom:.75rem}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-card{border:1px solid var(--border);border-radius:8px;background-color:var(--card-bg);padding:1rem}.order-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.order-status{border:1px solid var(--accent);border-radius:16px;padding:.25rem .7rem;text-transform:capitalize;color:var(--accent);font-weight:600}.order-items{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.75rem 0}.order-item{display:grid;grid-template-columns:72px 1fr auto;gap:.75rem;align-items:center;margin-bottom:.6rem}.order-item img{width:72px;height:72px;object-fit:cover;border-radius:6px}.order-finance{display:flex;justify-content:flex-end;gap:1rem;margin-top:.75rem;flex-wrap:wrap}@media (max-width: 700px){.order-item{grid-template-columns:1fr}.order-item img{width:100%;height:180px}.order-meta{flex-direction:column}}.app{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f6f8fc;--bg-secondary: #ecf1f9;--bg-tertiary: #dfe7f5;--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #64748b;--accent: #16a34a;--accent-hover: #15803d;--accent-secondary: #7c3aed;--accent-tertiary: #f97316;--accent-warm: #f97316;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--gradient-primary: linear-gradient(135deg, #16a34a 0%, #7c3aed 52%, #f97316 100%);--border: #d4deef;--card-bg: #ffffff;--shadow: rgba(15, 23, 42, .12)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;background-image:radial-gradient(circle at 8% 18%,color-mix(in srgb,var(--accent) 12%,transparent) 0%,transparent 45%),radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--accent-secondary) 10%,transparent) 0%,transparent 48%),radial-gradient(circle at 70% 88%,color-mix(in srgb,var(--accent-tertiary) 10%,transparent) 0%,transparent 46%)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}