.pc-stl{padding:4rem 0;background:linear-gradient(180deg,var(--pc-cream,#F8F6F0) 0%,var(--pc-white,#fff) 100%);margin:3rem 0}.pc-stl__header{text-align:center;margin-bottom:2.5rem;padding:0 1rem}.pc-stl__title{font-family:var(--pc-font-display,'Cormorant Garamond',serif);font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:500;color:var(--pc-forest,#2D5A3D);margin:0 0 .5rem}.pc-stl__subtitle{font-size:1rem;color:var(--pc-bark,#4A4A4A);margin:0;opacity:.8}.pc-stl__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:0 1rem;max-width:1400px;margin:0 auto}@media (min-width:768px){.pc-stl__grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 2rem}}@media (min-width:1024px){.pc-stl__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.pc-stl__grid{grid-template-columns:repeat(4,1fr)}}.pc-stl__card{position:relative;background:var(--pc-white,#fff);border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgb(0 0 0 / .06);transition:transform 0.3s ease,box-shadow 0.3s ease}.pc-stl__card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgb(45 90 61 / .12)}.pc-stl__link{position:absolute;inset:0;z-index:1}.pc-stl__image-wrap{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--pc-cream,#F8F6F0)}.pc-stl__image{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.pc-stl__card:hover .pc-stl__image{transform:scale(1.05)}.pc-stl__badge{position:absolute;top:1rem;left:1rem;background:var(--pc-forest,#2D5A3D);color:var(--pc-white,#fff);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.4rem .75rem;border-radius:20px;z-index:2}.pc-stl__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .85) 0%,rgb(0 0 0 / .4) 50%,rgb(0 0 0 / .1) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;opacity:0;transition:opacity 0.3s ease;z-index:3}.pc-stl__card:hover .pc-stl__overlay{opacity:1}.pc-stl__breakdown{color:var(--pc-white,#fff)}.pc-stl__breakdown-title{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-bottom:.75rem}.pc-stl__breakdown-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.pc-stl__breakdown-item{display:flex;align-items:center;gap:.75rem}.pc-stl__breakdown-thumb{width:36px;height:36px;border-radius:6px;object-fit:cover;background:rgb(255 255 255 / .1);flex-shrink:0}.pc-stl__breakdown-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .1);border-radius:6px;font-size:1rem;flex-shrink:0}.pc-stl__breakdown-label{font-size:.875rem;line-height:1.3}.pc-stl__breakdown-label small{display:block;font-size:.75rem;opacity:.7}.pc-stl__breakdown-item--extras{margin-top:.25rem;padding-top:.5rem;border-top:1px solid rgb(255 255 255 / .15)}.pc-stl__breakdown-item--extras .pc-stl__breakdown-icon{background:var(--pc-forest,#2D5A3D);color:var(--pc-white,#fff);font-size:.75rem}.pc-stl__add-btn{position:relative;z-index:5;width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--pc-forest,#2D5A3D);color:var(--pc-white,#fff);border:none;border-radius:8px;padding:.875rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background 0.2s ease,transform 0.15s ease}.pc-stl__add-btn:hover{background:var(--pc-forest-dark,#1E4A2D);transform:scale(1.02)}.pc-stl__add-btn:active{transform:scale(.98)}.pc-stl__add-btn-text{display:flex;align-items:center;gap:.5rem}.pc-stl__add-btn-text::before{content:'🧺'}.pc-stl__add-btn-price{font-weight:700}.pc-stl__footer{padding:1rem 1.25rem 1.25rem}.pc-stl__name{font-family:var(--pc-font-display,'Cormorant Garamond',serif);font-size:1.1rem;font-weight:500;color:var(--pc-bark,#4A4A4A);margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pc-stl__price-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.pc-stl__price{font-size:1.125rem;font-weight:700;color:var(--pc-forest,#2D5A3D)}.pc-stl__price-original{font-size:.875rem;color:var(--pc-bark,#4A4A4A);text-decoration:line-through;opacity:.6}.pc-stl__shipping{font-size:.75rem;color:var(--pc-forest,#2D5A3D);opacity:.8}.pc-stl__view-all{text-align:center;margin-top:2.5rem;padding:0 1rem}.pc-stl__view-all-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--pc-forest,#2D5A3D);font-weight:600;text-decoration:none;padding:.75rem 1.5rem;border:2px solid var(--pc-forest,#2D5A3D);border-radius:8px;transition:background 0.2s ease,color 0.2s ease}.pc-stl__view-all-link:hover{background:var(--pc-forest,#2D5A3D);color:var(--pc-white,#fff)}.pc-stl__modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.pc-stl__modal[aria-hidden="false"]{opacity:1;visibility:visible}.pc-stl__modal-backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .6);backdrop-filter:blur(4px)}.pc-stl__modal-content{position:relative;background:var(--pc-white,#fff);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 60px rgb(0 0 0 / .3);transform:translateY(20px);transition:transform 0.3s ease}.pc-stl__modal[aria-hidden="false"] .pc-stl__modal-content{transform:translateY(0)}.pc-stl__modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--pc-white,#fff);border:none;border-radius:50%;font-size:1.5rem;color:var(--pc-bark,#4A4A4A);cursor:pointer;z-index:10;box-shadow:0 2px 8px rgb(0 0 0 / .1);transition:transform 0.2s ease}.pc-stl__modal-close:hover{transform:scale(1.1)}.pc-stl__modal-grid{display:grid;grid-template-columns:1fr}@media (min-width:640px){.pc-stl__modal-grid{grid-template-columns:1fr 1fr}}.pc-stl__modal-image{aspect-ratio:1;background:var(--pc-cream,#F8F6F0)}.pc-stl__modal-image img{width:100%;height:100%;object-fit:cover}.pc-stl__modal-details{padding:2rem;display:flex;flex-direction:column}.pc-stl__modal-title{font-family:var(--pc-font-display,'Cormorant Garamond',serif);font-size:1.5rem;font-weight:500;color:var(--pc-bark,#4A4A4A);margin:0 0 1.5rem}.pc-stl__modal-breakdown{flex:1;margin-bottom:1.5rem}.pc-stl__modal-breakdown-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--pc-cream,#F8F6F0)}.pc-stl__modal-breakdown-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--pc-cream,#F8F6F0)}.pc-stl__modal-breakdown-label{flex:1;font-size:.9375rem;color:var(--pc-bark,#4A4A4A)}.pc-stl__modal-breakdown-check{color:var(--pc-forest,#2D5A3D);font-weight:600}.pc-stl__modal-price-block{margin-bottom:1rem}.pc-stl__modal-price{display:block;font-size:1.75rem;font-weight:700;color:var(--pc-forest,#2D5A3D)}.pc-stl__modal-shipping{font-size:.8125rem;color:var(--pc-bark,#4A4A4A);opacity:.7}.pc-stl__modal-add-btn{width:100%;background:var(--pc-forest,#2D5A3D);color:var(--pc-white,#fff);border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background 0.2s ease;margin-bottom:1rem}.pc-stl__modal-add-btn:hover{background:var(--pc-forest-dark,#1E4A2D)}.pc-stl__modal-link{display:block;text-align:center;color:var(--pc-forest,#2D5A3D);font-size:.875rem;text-decoration:none}.pc-stl__modal-link:hover{text-decoration:underline}.pc-stl__add-btn.is-loading,.pc-stl__modal-add-btn.is-loading{pointer-events:none;opacity:.7}.pc-stl__add-btn.is-loading::after,.pc-stl__modal-add-btn.is-loading::after{content:'';width:16px;height:16px;border:2px solid #fff0;border-top-color:currentColor;border-radius:50%;animation:pc-stl-spin 0.8s linear infinite;margin-left:.5rem}@keyframes pc-stl-spin{to{transform:rotate(360deg)}}.pc-stl__add-btn.is-success{background:var(--pc-success,#28A745)!important}.pc-stl__add-btn.is-success .pc-stl__add-btn-text::before{content:'✓'}