:root{--slash:clamp(40px,6vw,90px)}body{color:#fff;background:linear-gradient(135deg,#b43333,#b43333);font-family:Poppins,sans-serif}.navbar{background-color:#19191b}.navbar-brand{font-weight:700;color:#fff!important}.hero{min-height:90vh;padding:120px 0 calc(100px + var(--slash));background-color:#b43333;flex-direction:column;justify-content:center;display:flex}.hero h1{font-size:max(2.5rem,min(6vw,4.25rem));font-weight:800;line-height:1.1}.hero .hero-subtitle{max-width:34rem;font-size:max(1.1rem,min(1.6vw,1.4rem))}.hero span{color:#ffd84d}.btn-primary{color:#000;background-color:#ffd84d;border:none;font-weight:600}.btn-outline-light{color:#fff;border:1px solid #fff}.rating-badge{color:#000;background-color:#ffd84d;border-radius:30px;padding:5px 12px;font-size:.9rem;font-weight:600;position:absolute;top:15px;right:15px}.hero-img{border-radius:15px;height:max(380px,min(72vh,740px));position:relative;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.3)}.hero-img img{object-fit:cover;width:100%;height:max(320px,min(60vh,620px))}.gallery-card{border-radius:1rem!important}.gallery-avatar{color:#fff;background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:inline-flex}.gallery-img-wrap{border-top:1px solid #eee;border-bottom:1px solid #eee;height:300px;position:relative}.gallery-img{object-fit:cover}@media (max-width:767.98px){.gallery-img{object-fit:contain}}.like-btn{line-height:1;transition:transform .15s}.like-btn:hover{transform:scale(1.15)}.like-btn:active{transform:scale(.9)}.heart-filled{animation:.3s heart-pop}@keyframes heart-pop{0%{transform:scale(.6)}50%{transform:scale(1.25)}to{transform:scale(1)}}.diagonal{position:relative}.diagonal:after{content:"";height:var(--slash);background:var(--next,transparent);clip-path:polygon(0 0,0 100%,100% 100%);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.diagonal-reverse:after{clip-path:polygon(100% 0,100% 100%,0 100%)}.diagonal:not(.hero){padding-bottom:calc(3rem + var(--slash))!important}.hero.diagonal{--next:#f8f9fa}#gallery.diagonal{--next:#fff}.how-it-works.diagonal,.customize-section.diagonal{--next:#f8f9fa}.nav-link{color:#fff}.how-it-works{color:#222;text-align:center;background-color:#fff;padding:100px 0}.step-circle{color:#fff;background:#b43333;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:1.5rem;font-weight:700;display:flex}.customize-section{color:#fff;background-color:#19191b;padding:100px 0}.customize-section .text-muted{color:#adb5bd!important}.customize-section .upload-box .text-muted,.customize-section .preview-card .text-muted{color:#6c757d!important}.footer .text-secondary{color:#adb5bd!important}@keyframes legal-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both legal-shake}.upload-box{text-align:center;color:#666;background-color:#fff;border:2px dashed #ccc;border-radius:10px;padding:40px}.style-box{color:#000;background:#fff;border-radius:10px;margin-bottom:20px;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.05)}.preview-card{text-align:center;background:#fff;border-radius:15px;padding:25px;box-shadow:0 10px 25px rgba(0,0,0,.1)}.btn-gradient{color:#fff;background:linear-gradient(135deg,#19191b,#b43333);border:none;font-weight:600}.choose-size{color:#333;background-color:#f8f9fa;padding:100px 0}.size-card{cursor:pointer;text-align:center;background:#fff;border:2px solid transparent;border-radius:15px;padding:25px;transition:all .3s;box-shadow:0 10px 25px rgba(0,0,0,.1)}.card-selected{border-color:#b43333}.size-card:hover{border-color:#b43333;transform:translateY(-5px)}.size-card h5{margin-bottom:10px;font-weight:700}.size-card img{border-radius:10px;width:100%;margin-bottom:15px}.price{color:#b43333;font-size:1.3rem;font-weight:700}.tag{color:#fff;background:#b43333;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.order-summary{text-align:left;background:#fff;border-radius:10px;margin-top:50px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.order-summary h5{margin-bottom:20px;font-weight:700}.why-section{color:#fff;text-align:center;background-color:#b43333;padding:100px 0}.why-icon{background:linear-gradient(135deg,#fff,#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:15px;font-size:2rem}:root{--bs-primary:#b43333;--bs-primary-rgb:180,51,51;--bs-btn-bg:var(--bs-primary);--bs-btn-border-color:var(--bs-primary);--bs-btn-hover-bg:#e64a19;--bs-btn-hover-border-color:#e64a19;--bs-btn-active-bg:#d84315;--bs-btn-active-border-color:#d84315}.btn-primary{color:#fff;background-color:#b43333}.btn-primary:hover{color:#000;background-color:#ffd84d}.btn-secondary{color:#000;background-color:#ffd84d;font-weight:700}.btn-secondary:hover{color:#fff;background-color:#b43333;font-weight:700}.btn-outline-primary{color:#b43333;border-color:#b43333}.btn-outline-primary:hover{color:#000;background-color:#ffd84d}.text-black{color:#000;font-weight:700}.accordion-button:not(.collapsed){color:#fff;background-color:#b43333}.swiper-button-next,.swiper-button-prev{color:#b43333!important}.preview-box-container{flex-direction:row;justify-content:center;align-items:center;display:flex}.preview-box{cursor:pointer;background-color:#fff;border:.1em solid #fff;border-radius:15px;width:150px;height:150px;margin:5px}.preview-box:hover{border-width:5px;border-color:#b43333}textarea::placeholder,input::placeholder{color:#888;opacity:1;font-style:italic}@media (max-width:768px){:root{--slash:clamp(28px,8vw,52px)}.hero{min-height:auto;padding:90px 0 calc(70px + var(--slash))}.diagonal:not(.hero){padding-bottom:calc(2.5rem + var(--slash))!important}}