.masala-studio{--wine:#5b1f1b;--wine-dark:#35120f;--cream:#f8f1e4;--paper:#fffdf8;--gold:#e8a91e;--green:#315f3d;--ink:#35231d;background:var(--cream);min-height:100vh;color:var(--ink)}.masala-studio *{box-sizing:border-box}.masala-studio button,.masala-studio select,.masala-studio a{font:inherit}.masala-topbar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8f2;border-bottom:1px solid #d8c8b5;justify-content:space-between;align-items:center;height:82px;padding:0 max(22px,50vw - 660px);display:flex;position:sticky;top:0}.masala-brand{color:var(--ink);align-items:center;gap:12px;display:flex}.masala-brand img{object-fit:contain;border-radius:9px;width:68px;height:48px}.masala-brand b,.masala-brand small{display:block}.masala-brand b{letter-spacing:.08em;font-size:13px}.masala-brand small{color:var(--wine);margin-top:3px;font-size:9px;font-weight:750}.masala-topbar>div{align-items:center;gap:20px;display:flex}.masala-topbar button{color:var(--wine);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.masala-topbar>div a{background:var(--wine);color:#fff;border-radius:8px;padding:11px 16px;font-size:11px;font-weight:850}.masala-intro{grid-template-columns:1fr auto;align-items:end;gap:50px;max-width:1320px;margin:auto;padding:58px 28px 36px;display:grid}.masala-kicker{color:var(--wine);letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:10px;font-weight:900}.masala-intro h1{letter-spacing:-.06em;margin:0;font:850 64px/.94 Arial,sans-serif}.masala-intro h1 em{color:var(--wine);font-family:Georgia,serif;font-weight:400}.masala-intro>div>p:last-child{color:#76675e;max-width:650px;margin:20px 0 0;font:16px/1.6 Georgia,serif}.masala-rules{background:var(--wine-dark);color:#fff;grid-template-columns:repeat(3,1fr);display:grid}.masala-rules span{text-transform:uppercase;letter-spacing:.07em;border-right:1px solid #ffffff29;min-width:130px;padding:18px;font-size:9px}.masala-rules span:last-child{border:0}.masala-rules b{color:var(--gold);text-transform:none;letter-spacing:0;margin-bottom:5px;font:25px/1 Georgia,serif;display:block}.masala-how{max-width:1264px;color:var(--wine);text-transform:uppercase;letter-spacing:.05em;background:#ead7a4;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 auto 22px;padding:18px 24px;font-size:11px;font-weight:850;display:grid}.masala-how span+span{border-left:1px solid #5b1f1b40;padding-left:20px}.masala-workbench{grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);align-items:start;gap:20px;max-width:1320px;margin:0 auto 30px;padding:0 28px;display:grid}.masala-picker,.masala-packet-panel{background:var(--paper);border:1px solid #dacbb9;border-radius:20px}.masala-picker{padding:30px;overflow:hidden}.masala-picker-head{justify-content:space-between;align-items:flex-end;display:flex}.masala-picker-head h2,.packet-title h2{letter-spacing:-.045em;margin:0;font:850 32px/1 Arial,sans-serif}.masala-picker-head>span{color:#7b6a5e;border:1px solid #ddcfbd;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800}.masala-carousel{touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;height:420px;margin:25px -30px 0;position:relative;overflow:hidden}.masala-card{background:#fff;border:1px solid #d5c4af;border-radius:18px;grid-template-rows:235px 1fr;width:min(390px,64%);height:386px;transition:transform .32s,opacity .32s,filter .32s;display:grid;position:absolute;top:8px;left:50%;overflow:hidden;box-shadow:0 18px 45px #4123171f}.masala-card.is-active{z-index:4;opacity:1;transform:translate(-50%)scale(1)}.masala-card.is-previous{opacity:.55;filter:saturate(.7);transform:translate(-128%)scale(.83)rotate(-3deg)}.masala-card.is-next{opacity:.55;filter:saturate(.7);transform:translate(28%)scale(.83)rotate(3deg)}.masala-card.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%)scale(.65)}.masala-card-image{background:#eee5d4;position:relative;overflow:hidden}.masala-card-image img{object-fit:cover;pointer-events:none;width:100%;height:100%}.masala-card-image span{color:#fff;background:#35120fdb;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:700;position:absolute;bottom:12px;right:12px}.masala-card-copy{padding:19px 21px}.masala-card-copy small{color:var(--wine);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900}.masala-card-copy h3{letter-spacing:-.04em;margin:4px 0 5px;font:850 27px/1 Arial,sans-serif}.masala-card-copy p{color:#766a60;margin:0 0 9px;font-size:11px}.masala-card-copy strong{color:var(--green);font-size:11px}.carousel-arrow{z-index:10;background:var(--wine);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:185px;box-shadow:0 8px 20px #35120f40;font-size:20px!important}.carousel-arrow.previous{left:23px}.carousel-arrow.next{right:23px}.swipe-hint{text-align:center;color:#8a7a6e;margin:-3px 0 19px;font-size:10px;font-weight:750}.masala-drop-controls{background:#f1e5d2;border-radius:13px;grid-template-columns:auto 1fr;align-items:end;gap:14px;padding:18px;display:grid}.masala-drop-controls>div>span,.finish-options label>span,.finish-options>div>span{color:#76685e;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px;font-size:8px;font-weight:900;display:block}.masala-stepper,.line-stepper{align-items:center;display:flex}.masala-stepper button,.line-stepper button{color:var(--wine);cursor:pointer;background:#fff;border:1px solid #ccbca9}.masala-stepper button{width:43px;height:45px;font-size:22px}.masala-stepper b{background:#fff;border-block:1px solid #ccbca9;place-items:center;min-width:66px;height:45px;font-size:14px;display:grid}.drop-button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:45px;font-size:12px;font-weight:900}.drop-button span{color:#efc654;margin-right:6px;font-size:20px}.masala-packet-panel{padding:24px;position:sticky;top:102px}.masala-packet{clip-path:polygon(5% 0,95% 0,100% 8%,97% 100%,3% 100%,0 8%);color:#fff;background:linear-gradient(135deg,#6f2a23,#3e1512);flex-direction:column;align-items:center;width:205px;height:245px;margin:3px auto 22px;padding:29px 18px 18px;display:flex;position:relative;box-shadow:0 18px 35px #401e1440}.masala-packet:after{content:"";border:1px solid #e8a91e80;position:absolute;inset:10px}.packet-seal{border:2px solid var(--gold);background:url(/brand/mittal-spices-logo.jpg) 50%/cover;border-radius:50%;width:54px;height:54px;margin-bottom:16px}.masala-packet small{z-index:1;color:#efcf7a;letter-spacing:.11em;font-size:7px}.masala-packet>b{z-index:1;margin-top:5px;font:20px Georgia,serif}.masala-packet>span{z-index:1;margin-top:19px;font:32px Georgia,serif}.masala-packet>i{z-index:1;color:#d9c8b5;margin-top:5px;font:10px Georgia,serif}.masala-packet.is-ready{background:linear-gradient(135deg,#3c7449,#224a2d)}.packet-progress{background:#f7eddd;border-radius:12px;padding:16px}.packet-progress>div:first-child{justify-content:space-between;gap:20px;display:flex}.packet-progress span{color:var(--wine);text-transform:uppercase;letter-spacing:.1em;font-size:8px;font-weight:900}.packet-progress b{font-size:10px}.packet-track{background:#dfd0bc;border-radius:8px;height:8px;margin:11px 0;overflow:hidden}.packet-track i{background:var(--gold);height:100%;transition:width .25s;display:block}.packet-progress p{color:#76685d;margin:0;font-size:9px}.packet-ingredients{margin-top:20px}.packet-title{justify-content:space-between;align-items:center;display:flex}.packet-title h2{font-size:22px}.packet-title span{color:#817167;font-size:9px}.empty-packet{text-align:center;color:#82746a;border:1px dashed #d1c1ad;border-radius:12px;place-content:center;min-height:95px;margin-top:12px;display:grid}.empty-packet b,.empty-packet span{display:block}.empty-packet b{font:18px Georgia,serif}.empty-packet span{margin-top:5px;font-size:9px}.packet-line{border:1px solid #e1d7ca;border-radius:10px;grid-template-columns:45px minmax(82px,1fr) auto 24px;align-items:center;gap:8px;margin-top:8px;padding:8px;display:grid}.packet-line>img{object-fit:cover;border-radius:8px;width:45px;height:45px}.packet-line>div:nth-child(2) b,.packet-line>div:nth-child(2) small{display:block}.packet-line>div:nth-child(2) b{font-size:10px}.packet-line>div:nth-child(2) small{color:#82746a;margin-top:4px;font-size:8px}.line-stepper button{width:25px;height:29px;font-size:14px}.line-stepper strong{border-block:1px solid #ccbca9;place-items:center;min-width:46px;height:29px;font-size:9px;display:grid}.line-remove{color:#9f3b30;cursor:pointer;background:0 0;border:0;height:28px;font-size:18px}.masala-finish{background:var(--wine-dark);color:#fff;border-radius:20px;grid-template-columns:1.15fr .85fr;max-width:1264px;margin:0 auto 80px;display:grid;overflow:hidden}.finish-options{padding:36px}.finish-options .masala-kicker,.finish-bill .masala-kicker{color:var(--gold)}.finish-options label{margin-bottom:23px;display:block}.finish-options select{width:100%;height:49px;color:var(--ink);background:#fff;border:1px solid #ffffff40;border-radius:7px;padding:0 13px;font-size:13px}.texture-options{flex-wrap:wrap;gap:8px;display:flex}.texture-options button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:999px;padding:11px 13px;font-size:10px}.texture-options button.active{border-color:var(--gold);background:var(--gold);color:var(--wine-dark);font-weight:900}.cross-contact{color:#d0c1b6;border-top:1px solid #ffffff24;margin:25px 0 0;padding-top:18px;font-size:10px;line-height:1.6}.finish-bill{color:var(--ink);background:#fff;padding:36px}.finish-bill>div:not(.finish-actions){border-bottom:1px solid #e9ded0;justify-content:space-between;padding:11px 0;font-size:11px;display:flex}.finish-bill>div b{font-family:Georgia,serif;font-size:16px}.finish-bill .bill-total{margin-top:7px;border-bottom:0!important}.finish-bill .bill-total span,.finish-bill .bill-total b{color:var(--wine);font-size:19px}.finish-bill>p:not(.masala-kicker){color:#9a4a35;margin:12px 0 5px;font-size:9px}.finish-bill>small{color:#807268;font-size:9px}.finish-actions{gap:8px;margin-top:22px;display:grid}.finish-actions button,.finish-actions a{background:var(--wine);color:#fff;cursor:pointer;border:0;border-radius:8px;place-items:center;min-height:48px;font-size:11px;font-weight:900;display:grid}.finish-actions button:disabled{color:#74685f;cursor:not-allowed;background:#c8beb2}.finish-actions a{background:#278947}.finish-actions>span{text-align:center;color:#85766b;font-size:9px}.masala-ingredient-search{margin:20px 0 0;position:relative}.masala-ingredient-search>label>span{color:#76685e;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:8px;font-weight:900;display:block}.masala-ingredient-search input{width:100%;height:48px;color:var(--ink);background:#fff;border:1px solid #cdbca8;border-radius:10px;outline:none;padding:0 15px;font-size:13px}.masala-ingredient-search input:focus{border-color:var(--wine);box-shadow:0 0 0 3px #5b1f1b1a}.masala-search-results{z-index:30;background:#fff;border:1px solid #cfbfad;border-radius:12px;max-height:310px;padding:7px;position:absolute;top:74px;left:0;right:0;overflow:auto;box-shadow:0 18px 42px #35120f33}.masala-search-results button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eee3d7;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:7px;display:grid}.masala-search-results button:last-child{border-bottom:0}.masala-search-results button:hover{background:#f8f1e4}.masala-search-results img{object-fit:cover;border-radius:7px;width:42px;height:42px}.masala-search-results b,.masala-search-results small{display:block}.masala-search-results b{font-size:11px}.masala-search-results small{color:#7a6b61;margin-top:3px;font-size:9px}.masala-search-results strong{color:var(--green);font-size:9px}.masala-search-results p{color:#76685e;margin:0;padding:15px;font-size:10px;line-height:1.5}.masala-stepper label,.line-stepper label{background:#fff;border-block:1px solid #ccbca9;align-items:center;height:45px;display:flex}.masala-stepper input,.line-stepper input{height:100%;color:var(--ink);text-align:right;-webkit-appearance:textfield;appearance:textfield;background:0 0;border:0;outline:none;padding:0;font-weight:850}.masala-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.line-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.masala-stepper input{width:64px;font-size:14px}.masala-stepper label span,.line-stepper label span{color:#6f6258;padding:0 8px 0 4px;font-size:11px;font-weight:800}.masala-drop-controls>div>small{color:#786a60;margin-top:6px;font-size:8px;display:block}.drop-button:disabled{color:#e9e2da;cursor:not-allowed;background:#aaa096}.line-stepper label{height:29px}.line-stepper input{width:42px;font-size:9px}.line-stepper label span{padding:0 5px 0 2px;font-size:8px}@media (max-width:1000px){.masala-intro{grid-template-columns:1fr}.masala-rules{justify-self:start}.masala-workbench{grid-template-columns:1fr}.masala-packet-panel{position:relative;top:auto}.masala-finish{margin-inline:28px}.masala-packet{float:left;margin:3px 25px 20px 0}.packet-progress,.packet-ingredients{margin-left:230px}}@media (max-width:680px){.masala-topbar{height:70px;padding:0 13px}.masala-brand img{width:54px;height:40px}.masala-brand span{display:none}.masala-topbar>div{gap:10px}.masala-topbar button{font-size:10px}.masala-topbar>div a{padding:9px 11px}.masala-intro{gap:28px;padding:42px 16px 26px}.masala-intro h1{font-size:47px}.masala-intro>div>p:last-child{font-size:14px}.masala-rules{grid-template-columns:repeat(3,1fr);width:100%}.masala-rules span{min-width:0;padding:13px 9px}.masala-rules b{font-size:19px}.masala-how{grid-template-columns:1fr 1fr;margin:0 14px 18px;padding:14px}.masala-how span+span{border:0;padding:0}.masala-workbench{padding:0 10px}.masala-picker,.masala-packet-panel{border-radius:14px;padding:18px}.masala-picker-head h2{font-size:27px}.masala-carousel{height:382px;margin:20px -18px 0}.masala-card{grid-template-rows:205px 1fr;width:72%;height:353px}.masala-card.is-previous{transform:translate(-124%)scale(.8)}.masala-card.is-next{transform:translate(24%)scale(.8)}.masala-card-copy{padding:17px}.masala-card-copy h3{font-size:23px}.carousel-arrow{width:40px;height:40px;top:160px}.carousel-arrow.previous{left:9px}.carousel-arrow.next{right:9px}.masala-drop-controls{grid-template-columns:1fr}.drop-button{min-height:51px}.masala-packet{float:none;margin:3px auto 20px}.packet-progress,.packet-ingredients{margin-left:0}.packet-line{grid-template-columns:42px minmax(70px,1fr) auto 22px}.line-stepper strong{min-width:42px}.masala-finish{border-radius:14px;grid-template-columns:1fr;margin:0 10px 55px}.finish-options,.finish-bill{padding:25px 19px}}