*{margin:0;padding:0;box-sizing:border-box}:root{--site-main-colour: #c39235;--site-secundary-colour: #007663;--site-therd-colour: #00c9b0;--site-forth-colour: #634000;--site-background-colour: #ffffff;--navbar-background-colour: #ffffff;--navbar-hover-colour: #007663;--box-color: #ebe8e8;--comfartaa-font: "Comfortaa", sans-serif;--dmsans-font: "DM Sans", sans-serif;--elmssans-font: "Elms Sans", sans-serif;--aneksans-font: "Anek Latin", sans-serif;--max-width: 1100px;--surface: rgba(255, 255, 255, .06);--stroke: rgba(255, 255, 255, .12);--main-text-colour: black;--li4-color-primary-hsl: 250, 84%, 54%;--li4-color-bg-hsl: 0, 0%, 100%;--li4-color-contrast-high-hsl: 230, 7%, 23%;--li4-color-contrast-higher-hsl: 230, 13%, 9%;--li4-color-bg-light-hsl: 0, 0%, 100%;--li4-color-white-hsl: 0, 0%, 100%;--li4-color-bg-dark-hsl: 240, 4%, 95%;--li4-color-bg-lighter-hsl: 0, 0%, 100%;--li4-color-black-hsl: 230, 13%, 9%;--li4-space-3xs: .25rem;--li4-space-2xs: .375rem;--li4-space-xs: .5rem;--li4-space-sm: .75rem;--picker-vertical-gap: 4px}.input-label-component{display:block;font-weight:500;font-size:.875rem;color:#4b5563}.text-input-component{width:100%;padding:.5rem;margin-top:.5rem;margin-bottom:.5rem;border:1px solid #D1D5DB;border-radius:.375rem;background-color:#f9fafb;font-size:1rem;color:#111827;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.text-input-component:focus{outline:none;border:1px solid #a8a8a8;box-shadow:1px 1px 2px 1px #6565651c}.primary-button-component{display:inline-flex;text-align:center;justify-content:center;align-items:center;padding:.5rem 1rem;background-color:var(--site-secundary-colour);border:none;border-radius:.375rem;font-weight:600;font-size:.75rem;color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out}.primary-button-component:hover{background-color:var(--site-therd-colour);box-shadow:1px 1px 2px 1px #3b3b3b1c}.primary-button-component:focus{outline:none}.primary-button-component:active{background-color:#111827}.primary-button-component:disabled{background-color:#9ca3af;cursor:not-allowed}.danger-button-component{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:#dc2626;border:none;border-radius:.375rem;font-weight:600;font-size:.75rem;color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out}.danger-button-component:hover{background-color:#ef4444;box-shadow:1px 1px 2px 1px #3b3b3b1c}.danger-button-component:focus{outline:none;box-shadow:0 0 0 2px #fca5a5}.danger-button-component:active{background-color:#b91c1c}.secondary-button-component{text-decoration:none;display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:#fff;border:1px solid #D1D5DB;border-radius:.375rem;font-weight:600;font-size:.75rem;color:#cdcdcd;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out}.secondary-button-component:hover{background-color:#f3f4f6;box-shadow:1px 1px 2px 1px #3b3b3b1c}.secondary-button-component:focus{outline:none;box-shadow:0 0 0 2px #a9a9a9}.secondary-button-component:disabled{opacity:.25;cursor:not-allowed}.auth-session-status-component{font-weight:500;font-size:.875rem;color:#16a34a}.input-error-component{font-size:.875rem;color:#dc2626;margin-top:.25rem}.dropdown-link-component{border-radius:5px;display:block;text-decoration:none;width:100%;padding:.5rem 1rem;font-size:.875rem;color:#494949;text-align:left;background-color:transparent;border:none;cursor:pointer;transition:background-color .15s ease-in-out}.dropdown-link-component:hover{background-color:#c6c8cb2c}.dark .text-input-component{background-color:#374151;border-color:#4b5563;color:#f9fafb}.dark .text-input-component:focus{border-color:#818cf8;box-shadow:0 0 0 2px #c7d2fe}.dark .guest-layout-content{background-color:#374151}.dark .primary-button-component{background-color:#9ca3af;color:#1f2937}.dark .primary-button-component:hover{background-color:#6b7280}.dark .primary-button-component:active{background-color:#4b5563}.dark .secondary-button-component{background-color:#374151;border-color:#6b7280;color:#d1d5db}.dark .secondary-button-component:hover{background-color:#4b5563}.dark .dropdown-link-component{color:#f9fafb}.dark .dropdown-link-component:hover{background-color:#4b5563}.dark .input-label-component{color:#d1d5db}.dark .input-error-component{color:#f87171}.dark .auth-session-status-component{color:#34d399}.dark .danger-button-component{background-color:#991b1b}.dark .danger-button-component:hover{background-color:#dc2626}.dark .danger-button-component:active{background-color:#b91c1c}.guest-body-layout{font-family:Nunito,sans-serif;background-color:#f3f4f6;color:#1f2937;height:100%;max-width:(--max-width);width:100%;display:block;justify-content:center;align-items:center}.guest-layout-container{display:flex;flex-direction:column;align-items:center;padding-bottom:1.5rem}.guest-layout-logo{margin-bottom:1.5rem}.guest-layout-content{width:100%;max-width:28rem;background-color:#fff;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border-radius:.5rem}.dark .guest-body-layout{background-color:#1f2937;color:#f9fafb}.auth-button-link{display:flex;flex-direction:row;gap:40px;justify-content:center;align-items:center;padding-top:1.5rem}body{padding-top:75px;font-size:16px;font-family:var(--aneksans-font)}.app-logo{position:relative;height:40px;width:auto}.product-logo{height:40px;width:auto}.header{display:grid;top:0;position:fixed;width:100%;height:75px;background:linear-gradient(-90deg,var(--site-secundary-colour),var(--site-background-colour));place-items:center;box-shadow:0 2px 4px #0000001a;transition:transform .4s ease-in-out;z-index:10}.navbar{max-width:var(--max-width);width:100%;padding-left:15px;padding-right:15px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}.header-hidden{transform:translateY(-100%)}.menu{list-style:none;align-items:center;gap:clamp(.5rem,1vw + .2rem,1rem);transition:max-height .4s ease,opacity .4s ease,padding .4s ease}.hamburger{display:none;width:clamp(40px,6vw,45px);height:clamp(40px,6vw,45px);align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(255,255,255,0,12);background:#ffffff0f;cursor:pointer}.hamburger span,.hamburger span:before,.hamburger span:after{display:block;width:18px;height:2px;background:#333;position:relative;content:"";transition:transform .25s ease,top .25s ease,background .25s ease;transform-origin:center}.hamburger span:before{position:absolute;top:-6px}.hamburger span:after{position:absolute;top:6px}.menu-toggle{display:none}.logo-img{height:40px;width:auto}.menu{list-style:none;display:flex;align-items:center;gap:1rem}.menu li a{text-decoration:none;color:var(--main-text-colour);font-weight:500;transition:color .3s ease}.menu li a:hover{color:var(--navbar-hover-colour)}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger div{width:25px;height:3px;background-color:var(--main-text-colour);margin:4px 0;transition:all .3s ease}.navbar-logo-language-container{display:flex;align-items:center}.navbar-logo-container{margin-right:1rem}@media(max-width:768px){.menu{position:absolute;place-items:center;justify-content:center;display:block;width:100%;top:100%;left:0;right:0;flex-direction:column;align-items:center;gap:1rem;background:#fff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-height:0;padding:0;opacity:0;pointer-events:none;box-shadow:0 2px 4px #0000001a;transition:max-height .4s ease,opacity .4s ease,padding .4s ease}.menu.active{display:flex}.menu li{display:flex;text-align:center;align-items:center;justify-content:center;width:90%}.menu li a{text-align:center;padding:10px 0}.menu-toggle:checked~.menu{max-height:45vh;height:45vh;padding:1.5rem 0;opacity:1;pointer-events:auto}.hamburger{display:flex}.menu-toggle:checked~.hamburger span{background:transparent}.menu-toggle:checked~.hamburger span:before{top:0;transform:rotate(45deg)}.menu-toggle:checked~.hamburger span:after{top:0;transform:rotate(-45deg)}}#language-select{outline:none;text-decoration:none;background-color:transparent;border-radius:5px;color:#000;border:1px solid rgba(21,21,21,.2);padding:8px 10px;cursor:pointer;text-align:center;font-size:14px;box-shadow:2px 2px 5px #0000001a;appearance:auto}#language-select:hover{background-color:#ffffff1a}#language-select option{background-color:#a9a9a999;color:#fff}.hero{min-height:200px;position:relative;background-attachment:scroll;background-position:top;background-size:fill;font-size:clamp(1.2rem,1.3vw,3rem);place-items:center;background-repeat:no-repeat;background-position:0 0;width:100%;will-change:background-position;animation:panbackground 30s linear infinite}.efect div{translate:-100%;opacity:0}.efect.show div{translate:0;opacity:1;transition:.8s ease}.hero:before{content:"";position:absolute;margin:0;height:100%;width:100%;background-color:#0009;transition:background-color .3s ease}.hero-container{position:relative;height:100%;width:var(--max-width);max-width:100%;gap:20px;justify-content:center;padding-bottom:20px}.hero-content{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;padding-bottom:5px;padding-top:5px;place-items:center;justify-items:center;justify-content:center;text-align:center;transition:width 2s;gap:80px;z-index:1}.hero-heading{display:block;position:relative;text-align:center;padding-top:10px;color:#f3ecec;font-family:var(--aneksans-font);font-size:42px;font-weight:800;text-shadow:#282828 2px 2px 4px}.hero-text{color:#fff}@keyframes panbackground{0%{background-position:0 0}to{background-position:-2000px 0}}@keyframes animate{0%{outline-offset:0px;opacity:1}to{outline-offset:20px;opacity:0}}.hero-buttons{display:flex;flex-direction:row;gap:50px}.hero-buy-button{display:flex;align-items:center;justify-content:center;background-color:var(--site-main-colour);width:150px;height:50px}.hero-inquery-button{display:flex;align-items:center;justify-content:center;background-color:var(--box-color);color:#333;width:150px;height:50px}.features{place-items:center}.features-section-hedings{font-family:var(--aneksans-font);color:#007663;font-size:32px;font-weight:800;margin-bottom:3%}.features-section-text{font-family:var(--dmsans-font);text-align:center;font-size:1.2em}.features-section-container{max-width:var(--max-width);width:100%;display:grid;padding-left:3%;padding-right:3%;padding-bottom:3%;margin-top:2%;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));justify-content:center;gap:1em}.features-section-image{align-items:center;align-content:center}.nazal-logo{max-width:100%;height:auto}.features-cards-container{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10%}.cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:40px;margin-bottom:20px}.footer{width:100%;place-items:center;background:linear-gradient(180deg,#00766359,#dee1e68c);font-family:var(--dmsans-font)}.footer-wrapper{width:100%;max-width:var(--max-width);display:grid;gap:10px}.footer-container{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;place-items:center;justify-content:center;padding:20px}.footer-logo-card{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.footer-container .card{padding-bottom:20px;text-align:center}.footer-container .card h4{font-family:var(--dmsans-font);font-size:1.2em;font-weight:600;padding-bottom:10px;padding-top:10px}.footer-container .card p{font-family:var(--dmsans-font);font-size:.9em;padding-bottom:10px;padding-top:5px}.disclamer{max-width:var(--max-width);width:100%;text-align:center;padding-bottom:20px;padding-left:20px;padding-right:20px}.footer ul{list-style-type:none}.footer li{text-decoration:none}.footer ul li a{text-decoration:none;list-style:none}.footer ul li a:visited{color:var(--site-main-colour)}.footer ul li a:link{color:var(--site-secundary-colour);font-weight:600}.tap-cue-text{position:absolute;bottom:10px;right:10px;background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.8;cursor:pointer;animation:subtle-pulse 1s infinite ease-in-out}@keyframes subtle-pulse{0%{opacity:.4;background-color:red}50%{opacity:1;background-color:#2980b9;scale:1.05}to{opacity:.4;background-color:red}}.flip-card{border-radius:25px;-webkit-user-select:none;user-select:none;width:350px;height:200px;margin:10px;display:inline-block;perspective:1000px;cursor:pointer;z-index:1}.flip-card-inner{border-radius:25px;width:100%;height:100%;position:relative;text-align:center;transition:transform .6s;transform-style:preserve-3d;border:1px solid rgba(102,95,95,.6);box-shadow:1px}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{border-radius:25px;position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center}.flip-card-front{background-color:#f4f4f4;color:#000}.flip-card-back{background-color:#4caf50;color:#fff;transform:rotateY(180deg)}.video-control{border-radius:15px;width:100%;pointer-events:none}.video-container{width:360px}.flip-card-heading-front{position:absolute;font-size:clamp(1rem,4vw + 1rem,1.8rem);top:10px;left:10px;width:90%;height:90%;color:#181818;width:200px;text-shadow:1px 1px 2px rgba(212,209,209,.5)}.flip-card-heading-back{font-size:clamp(.8rem,4vw + 1rem,1.4rem);position:absolute;width:90%;height:90%;top:10px;left:10px;color:#222;text-shadow:1px 1px 2px rgba(98,96,96,.5)}.carousel{place-items:center}.custom-carousel{position:relative;width:100%;max-width:var(--max-width);margin-bottom:20px;overflow:hidden;border-radius:10px}.carousel-inner{display:flex;transition:transform .5s ease-in-out}.carousel-item{min-width:100%;position:relative}.carousel-item img{width:100%;display:block;height:400px;object-fit:cover}.carousel-caption{position:absolute;bottom:20px;left:20px;background:#0009;color:#fff;padding:15px;border-radius:5px}.prev,.next{position:absolute;width:55px;top:50%;transform:translateY(-50%);background:#ffffff4d;border:none;padding:16px;cursor:pointer;color:#fff;font-size:18px;border-radius:50%;transition:.3s}.prev:hover,.next:hover{background:#fffc;color:#000}.prev{left:10px}.next{right:10px}.dots-container{position:absolute;bottom:15px;width:100%;display:flex;justify-content:center;gap:8px;z-index:10}.dot{width:12px;height:12px;background:#ffffff80;border-radius:50%;cursor:pointer;transition:.3s}.dot.active{background:#fff;transform:scale(1.3)}.carousel-caption{position:absolute;bottom:40px;left:20px;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.8)}.testimonial-slider{position:relative;max-width:var(--max-width);width:100%;margin:2rem auto;overflow:hidden;font-family:system-ui,sans-serif}.testimonial-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}.testimonial-card{min-width:100%;padding:20px;box-sizing:border-box}.testimonial-content{background:#f9fafb;padding:40px;border-radius:15px;border:1px solid #e5e7eb;text-align:center}.quote{font-size:1.25rem;font-style:italic;color:#374151;margin-bottom:20px;line-height:1.6}.author-info{display:flex;align-items:center;justify-content:center;gap:12px}.avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.name{margin:0;font-weight:700;color:#111827}.role{font-size:.875rem;color:#6b7280}.testimonial-nav{display:flex;height:20px;align-items:center;justify-content:center;margin-top:20px;gap:20px}.nav-arrow{background:none;border:none;font-size:24px;cursor:pointer;color:#9ca3af;transition:.3s}.nav-arrow:hover{color:#111827}.testimonial-dots{display:flex;gap:8px}.t-dot{width:10px;height:10px;background:#d1d5db;border-radius:50%;cursor:pointer;transition:.3s}.t-dot.active{background:#3b82f6;transform:scale(1.2)}.testimonials{place-items:center;width:100%}.faq-container{max-width:var(--max-width);padding-left:3%;padding-right:3%;margin:2rem auto;font-family:system-ui,sans-serif}.faq-item{border-bottom:1px solid #e5e7eb}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;background:none;border:none;cursor:pointer;text-align:left;font-size:1.1rem;font-weight:600;color:#111827;transition:color .2s}.faq-question:hover{color:#3b82f6}.faq-icon{font-size:1.5rem;transition:transform .3s ease;color:#9ca3af}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease;color:#4b5563;line-height:1.6}.answer-content{padding-bottom:1.5rem}.faq-item.active .faq-icon{transform:rotate(45deg);color:#3b82f6}.faq-item.active .faq-answer{max-height:500px}.avatar-selector{margin-top:20px;display:flex;justify-content:center;margin-bottom:20px}.avatar-label{cursor:pointer;position:relative}.avatar-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #e5e7eb;position:relative;transition:border-color .3s}.avatar-preview:hover{border-color:#3b82f6}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;color:#fff}.avatar-preview:hover .avatar-overlay{opacity:1}#avatar-upload{display:none}.avatar-trigger{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;overflow:hidden;width:50px;height:50px;border:2px solid #e5e7eb;transition:.2s}.avatar-trigger:hover{border-color:#3b82f6}.avatar-trigger img{width:100%;height:100%;object-fit:cover}.avatar-dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;right:0;top:55px;width:180px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:1000;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease-in-out;pointer-events:none}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.menu-header{padding:10px 15px;font-weight:700;font-size:.85rem;color:#374151}.menu-divider{height:1px;background:#f3f4f6}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 15px;text-decoration:none;color:#4b5563;font-size:.9rem;border:none;background:none;justify-content:center;text-align:center;cursor:pointer}.menu-item:hover{background:#f9fafb;color:#111827}.logout-btn{color:#dc2626;width:100%}.logout-btn:hover{background:#fef2f2;color:#991b1b}.profile-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:400px;min-width:350px;margin:20px auto;overflow:hidden;border:1px solid #e5e7eb;font-family:sans-serif}.profile-card-header{background:#f9fafb;padding:30px 20px;text-align:center;border-bottom:1px solid #e5e7eb}.avatar-wrapper{margin-bottom:15px}.profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #ffffff;box-shadow:0 2px 4px #0000001a}.profile-name{margin:0;font-size:1.25rem;color:#111827;font-weight:600}.profile-email{margin:5px 0 0;color:#6b7280;font-size:.9rem}.profile-body{padding:20px}.info-row{display:flex;justify-content:space-between;margin-bottom:20px;font-size:.9rem}.info-row .label{color:#6b7280}.info-row .value{color:#111827;font-weight:500}.profile-actions{text-align:center}.btn-edit{display:block;width:100%;padding:10px;background-color:#2563eb;color:#fff;text-align:center;text-decoration:none;border-radius:6px;font-weight:500;transition:background .2s}.btn-edit:hover{background-color:#1d4ed8}.edit-profile-card{background:#fff;border-radius:12px;padding:30px;max-width:600px;margin:20px auto;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;font-family:ui-sans-serif,system-ui,sans-serif}.form-header h3{margin:0;font-size:1.125rem;color:#111827}.form-header p{margin:5px 0 20px;font-size:.875rem;color:#6b7280}.avatar-section{text-align:center;margin-bottom:25px;padding:15px;background:#f9fafb;border-radius:8px}.input-help{font-size:.75rem;color:#9ca3af;margin-top:8px}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:6px}.form-group input{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #d1d5db;font-size:.95rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#2563eb}.error{color:#dc2626;font-size:.8rem;margin-top:4px;display:block}.form-footer{display:flex;align-items:center;gap:15px;margin-top:25px;padding-top:20px;border-top:1px solid #f3f4f6}.btn-save{background:#111827;color:#fff;padding:10px 20px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-save:hover{opacity:.9}.success-msg{font-size:.875rem;color:#10b981}.our-products-heading{padding-top:20px}.products{place-items:center}.products-wrapper{padding-top:20px;width:100%;padding-left:3%;padding-right:3%;max-width:var(--max-width);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px;gap:50px}.product-card{min-width:300px;background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;transition:transform .2s ease-in-out;display:flex;flex-direction:column;height:100%}.product-card:hover{transform:translateY(-5px)}.product-image-wrapper{height:200px;width:100%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover}.placeholder-image{color:#94a3b8;text-align:center;padding:20px}.product-details{padding:20px;flex-grow:1;display:flex;flex-direction:column}.product-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin-top:0;margin-bottom:10px}.product-price-section{display:flex;justify-content:space-between;align-items:center;margin-top:auto;margin-bottom:15px}.product-price{font-size:1.25rem;font-weight:700;color:#059669}.postal-price{font-size:.75rem;color:#64748b}.btn-view-details{display:block;width:100%;padding:10px;background-color:#3b82f6;color:#fff;text-align:center;text-decoration:none;border-radius:6px;font-size:.9rem}.btn-view-details:hover{background-color:#2563eb}.form-container{padding:40px 20px;background-color:#f8fafc;min-height:100vh;display:flex;justify-content:center}.product-card-form{background:#fff;width:100%;max-width:600px;padding:32px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0}.form-header{margin-bottom:24px;border-bottom:1px solid #f1f5f9;padding-bottom:16px}.form-header h2{margin:0;color:#1e293b;font-size:1.5rem}.form-header p{margin:4px 0 0;color:#64748b;font-size:.875rem}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#334155;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row{display:flex;gap:16px}.col-3{flex:3}.col-9{flex:9}.file-input-wrapper{display:flex;flex-direction:column;gap:8px}.file-hint{font-size:.75rem;color:#94a3b8}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #f1f5f9}.btn-submit{background-color:#2563eb;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-submit:hover{background-color:#1d4ed8}.btn-cancel{text-decoration:none;color:#64748b;font-size:.875rem;padding:10px 16px;display:flex;align-items:center}.create-account{font-size:1rem;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.create-account-checkbox{height:20px}.profil-wrapper{padding-top:20px;display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;place-items:center}.dashboard-wrapper{max-width:var(--max-width);width:100%;place-items:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,2fr));justify-items:center;gap:50px}.recent-purchases-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.dashboard{place-items:center}.recent-purchases-head{padding-bottom:20px}.profile{place-items:center}.profile-wrapper{max-width:var(--max-width);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.profile-purchase-history{width:100%}.profile-purchase-history-table{margin-left:3%;margin-right:3%;margin-bottom:3%}.product-desc{font-weight:400;color:#747878;margin-bottom:10px}.about{place-items:center}.about-grid-container{padding:3%;max-width:1100px;justify-content:center}