.template-detail-main{padding:3rem 1.5rem 4rem;max-width:1600px;margin:0 auto}.template-breadcrumb{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.template-breadcrumb a{display:flex;align-items:center;text-decoration:none;color:var(--color-text-secondary);transition:color .2s}.template-breadcrumb a:hover{color:var(--color-text-primary)}.breadcrumb-link{color:var(--color-text-primary);text-decoration:none;font-size:.9375rem;font-weight:500}.breadcrumb-category{color:var(--color-text-secondary);font-size:1rem;font-weight:500}.breadcrumb-separator{color:#999}.template-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap;margin-bottom:3rem}.template-info{flex:1;min-width:300px}.template-title{font-size:2rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem;line-height:1.2}.template-creator{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary)}.creator-icon{color:#fbbf24}.creator-name{font-size:.9375rem}.template-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.template-actions-primary{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.template-actions-note{font-size:.75rem;color:#999;text-align:center}.template-price-callout{width:100%;text-align:left;border:1px solid rgba(37,99,235,.25);background:linear-gradient(180deg,#2563eb1a,#2563eb0a);border-radius:10px;padding:.75rem .9rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;color:var(--color-text-primary)}.template-price-callout:hover{border-color:#2563eb73;box-shadow:0 10px 25px -18px #2563ebb3;transform:translateY(-1px)}.template-price-row{display:flex;align-items:baseline;gap:.4rem;line-height:1.1}.template-price-amount{font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.template-price-period{font-size:.875rem;color:var(--color-text-secondary);font-weight:600}.template-price-meta{margin-top:.25rem;font-size:.8125rem;color:var(--color-text-secondary)}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--font-base);box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{border-color:var(--color-text-secondary);background:var(--color-surface);box-shadow:0 4px 6px -1px #0000001a}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:6px;background:#2563eb;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d;font-family:var(--font-base)}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 6px -1px #0000001a}.template-preview-section{margin-top:3rem;width:100%}.preview-container{width:100%;height:600px;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-bg)}.preview-iframe{width:100%;height:100%;border:none}.template-details-section{margin-top:4rem;padding-bottom:2rem}.details-layout{display:grid;grid-template-columns:1fr;gap:3rem}.details-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:2rem}.tab-button{padding:.75rem 0;margin-right:2rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--font-base)}.tab-button:hover{color:var(--color-text-primary)}.tab-button.active{color:var(--color-text-primary);border-bottom-color:var(--color-text-primary)}.details-content{max-width:100%}.tab-content{display:none;animation:fadeIn .3s ease-in-out}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.details-title{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem;line-height:1.3}.details-subtitle{font-size:1.125rem;font-weight:500;color:var(--color-text-primary);margin:0 0 1.5rem;line-height:1.5}.details-description-wrapper{position:relative;margin-bottom:2.5rem}.details-description{color:var(--color-text-secondary);line-height:1.7;position:relative;transition:max-height .3s ease-out}.details-description.collapsed{max-height:200px;overflow:hidden;mask-image:linear-gradient(to bottom,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.details-description p{margin:0 0 1rem}.details-description p:last-child{margin-bottom:0}.show-more-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--color-text-primary);font-size:.9375rem;font-weight:600;cursor:pointer;padding:1rem 0 0;margin-top:.5rem;font-family:var(--font-base)}.show-more-btn svg{transition:transform .3s ease}.show-more-btn:hover{color:#2563eb}.features-heading{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:2.5rem 0 1.5rem}.feature-block{margin-bottom:2rem}.feature-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.feature-description{color:var(--color-text-secondary);margin:0 0 .75rem;line-height:1.6}.feature-list{list-style:none;padding:0;margin:0;color:var(--color-text-secondary);line-height:1.8}.feature-list li{padding-left:0}.feature-list strong{color:var(--color-text-primary);font-weight:600}.details-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-section{padding:0}.sidebar-heading{font-size:.875rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;padding:.5rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:.875rem;font-weight:500}.feature-accordion{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.625rem;padding:.75rem 0;background:transparent;border:none;color:var(--color-text-secondary);font-size:.9375rem;font-family:var(--font-base);cursor:pointer;transition:color .2s;text-align:left}.accordion-trigger:hover{color:var(--color-text-primary)}.accordion-trigger svg:first-child{color:#22c55e;flex-shrink:0}.accordion-trigger span{flex:1}.accordion-icon{color:var(--color-text-secondary);flex-shrink:0;transition:transform .2s}.accordion-item.open .accordion-icon{transform:rotate(45deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;opacity:0;transition:max-height .3s ease-out,opacity .3s ease-out}.accordion-item.open .accordion-content{max-height:500px;opacity:1;padding-bottom:1rem}.accordion-content p{margin:0;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6}.pricing-sub-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.pricing-sub-tabs .pricing-sub-tab{margin-right:1.5rem}.pricing-overview{margin-bottom:2rem}.pricing-overview-points{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.pricing-point{display:flex;align-items:flex-start;gap:.5rem;font-size:.9375rem;color:var(--color-text-secondary)}.pricing-point-icon{color:#22c55e;flex-shrink:0;margin-top:.125rem}.pricing-cta-hint{font-size:.9375rem;color:var(--color-text-secondary);margin-top:1rem}.pricing-link{color:#2563eb;text-decoration:none}.pricing-link:hover{text-decoration:underline}.pricing-table-section{margin-bottom:2rem}.pricing-table-heading{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:2rem 0 .75rem}.pricing-table-wrap{overflow-x:auto;margin-bottom:2rem}.pricing-table{width:100%;border-collapse:collapse;font-size:.9375rem}.pricing-table th,.pricing-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.pricing-table th{font-weight:600;color:var(--color-text-primary);background:var(--color-surface)}.pricing-table td{color:var(--color-text-secondary)}.pricing-table-tier{color:var(--color-text-primary);font-weight:500}.pricing-addons-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}@media (min-width: 640px){.pricing-addons-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.pricing-addons-grid{grid-template-columns:repeat(3,1fr)}}.pricing-addon-card{padding:1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface)}.pricing-addon-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.pricing-addon-desc{font-size:.8125rem;color:var(--color-text-secondary);margin:0 0 .75rem;line-height:1.4}.pricing-addon-table{width:100%;font-size:.8125rem;border-collapse:collapse}.pricing-addon-table th,.pricing-addon-table td{padding:.375rem 0;text-align:left;border-bottom:1px solid var(--color-border)}.pricing-addon-table th{font-weight:500;color:var(--color-text-secondary)}.pricing-addon-table td{color:var(--color-text-primary)}.pricing-faq-section{margin-top:.5rem}@media (min-width: 640px){.template-detail-main{padding:3rem 2rem 4rem}}@media (min-width: 1024px){.template-detail-main{padding:3rem 3rem 4rem}.details-layout{grid-template-columns:1fr 320px}}.skeleton-pulse{animation:pulse 1.5s infinite ease-in-out}.skeleton-line{background:var(--color-surface-border);border-radius:4px}.skeleton-button{height:48px;width:120px;background:var(--color-surface-border);border-radius:var(--radius-md);animation:pulse 1.5s infinite ease-in-out}.skeleton-block{background:var(--color-surface-border);animation:pulse 1.5s infinite ease-in-out}.width-30{width:30%}.width-60{width:60%}.width-100{width:100%}.height-32{height:32px}.height-200{height:200px}.height-400{height:400px}.margin-top-8{margin-top:8px}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}