
:root{
  --yellow:#f4d21d;
  --green:#3f8266;
  --ink:#11110f;
  --ivory:#f4efe3;
  --red:#9c3f2d;
  --clay:#c86e47;
  --stone:#c8bca7;
  --white:#fffaf0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
.wrap{max-width:1180px;margin:auto;padding:0 24px}
.weave{
  height:18px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='18' viewBox='0 0 96 18'%3E%3Cg fill='none' stroke='%23f4d21d' stroke-width='1.7'%3E%3Cpath d='M2 16V4l8 8 8-8v12'/%3E%3Cpath d='M26 16V9a7 7 0 0 1 14 0v7'/%3E%3Cpath d='M52 9l8-7 8 7-8 7z'/%3E%3Cpath d='M78 16V4l8 8 8-8v12'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat-x;background-position:center
}
.topbar{background:var(--ink);color:#fff}
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:82px;border-bottom:1px solid rgba(255,255,255,.18)}
.nav .left,.nav .right{display:flex;gap:20px;font-size:13px}
.nav .right{justify-content:flex-end}
.brand{text-align:center;color:var(--yellow);font:700 30px Georgia,serif;letter-spacing:.32em;padding-left:.32em}
.hero{background:var(--ink);color:#fff;overflow:hidden}
.hero-inner{min-height:650px;display:grid;grid-template-columns:.95fr 1.05fr}
.hero-copy{padding:80px 48px 72px 0;display:flex;flex-direction:column;justify-content:center}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#d1c7b7}
.hero h1{font:500 clamp(50px,7vw,92px)/.98 Georgia,serif;margin:14px 0 20px;max-width:720px}
.hero h1 em{font-style:normal;color:var(--yellow)}
.hero .telugu{font-size:18px;color:#f7f1e7;margin-bottom:16px}
.hero p{font-size:18px;line-height:1.7;color:#d8d1c5;max-width:600px}
.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 18px;border:1px solid currentColor;font-weight:700;font-size:14px}
.btn.fill{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.hero-art{position:relative;min-height:650px;background:var(--green)}
.arch{position:absolute;left:7%;bottom:0;width:44%;height:82%;border:3px solid var(--yellow);border-bottom:0;border-radius:48% 48% 0 0 / 30% 30% 0 0}
.arch:before,.arch:after{content:"";position:absolute;bottom:0;width:12px;height:74%;background:var(--yellow)}
.arch:before{left:14%}.arch:after{right:14%}
.skyline{position:absolute;right:4%;bottom:0;width:58%;height:42%;background:var(--ink);clip-path:polygon(0 100%,0 72%,8% 72%,8% 43%,16% 43%,16% 70%,23% 70%,23% 25%,31% 25%,31% 62%,38% 62%,38% 12%,45% 12%,45% 59%,52% 59%,52% 38%,61% 38%,61% 66%,69% 66%,69% 20%,78% 20%,78% 54%,86% 54%,86% 7%,94% 7%,94% 64%,100% 64%,100% 100%)}
.bridge{position:absolute;right:9%;top:14%;width:52%;height:25%}
.bridge:before{content:"";position:absolute;left:0;right:0;top:54%;height:2px;background:#f6e7bf;transform:rotate(-5deg)}
.bridge:after{content:"";position:absolute;left:48%;top:12%;width:2px;height:74%;background:#f6e7bf;box-shadow:-46px 28px 0 -0.5px #f6e7bf,46px -18px 0 -0.5px #f6e7bf}
.art-note{position:absolute;top:40px;right:38px;max-width:180px;color:#e9e3d7;font:16px/1.45 Georgia,serif}
.art-note strong{color:var(--yellow);display:block;margin-bottom:6px}
section{padding:80px 0}
.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}
.intro h2,.section-title{font:500 44px/1.08 Georgia,serif;margin:0}
.intro p{font:18px/1.8 Georgia,serif;color:#514d45;margin:0}
.pull{margin-top:26px;padding-left:22px;border-left:4px solid var(--red);font:600 21px/1.5 Georgia,serif}
.kitchen{background:#fffaf0;border-top:1px solid #d9d0c2;border-bottom:1px solid #d9d0c2}
.drop-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:34px}
.drop-meta{font-size:13px;line-height:1.7;text-align:right}
.drop-meta strong{display:block;color:var(--red);letter-spacing:.08em;text-transform:uppercase}
.dishes{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bdb3a4}
.dish{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid #bdb3a4}
.dish:nth-child(odd){padding-right:28px;border-right:1px solid #bdb3a4}
.dish:nth-child(even){padding-left:28px}
.dish-visual{min-height:136px;background:var(--yellow);position:relative;overflow:hidden}
.dish-visual:before{content:"";position:absolute;inset:18px;border:1px solid rgba(17,17,15,.35);background:radial-gradient(circle at 42% 46%,#f3e1a5 0 8%,transparent 9%),radial-gradient(circle at 57% 55%,#b56031 0 9%,transparent 10%),radial-gradient(circle at 50% 50%,#e5c56d 0 33%,#6c3b24 34% 42%,transparent 43%)}
.dish:nth-child(2) .dish-visual{background:var(--clay)}
.dish:nth-child(3) .dish-visual{background:var(--green)}
.dish:nth-child(4) .dish-visual{background:#d8b65c}
.dish:nth-child(5) .dish-visual{background:#a75b39}
.dish:nth-child(6) .dish-visual{background:#6f6a91}
.dish h3{font:600 25px/1.1 Georgia,serif;margin:0 0 8px}
.dish p{font-size:14px;line-height:1.55;color:#686156;margin:0 0 14px}
.dish-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center}
.stock{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--red);font-weight:700}
.price{font-weight:800}.add{background:none;border:0;border-bottom:2px solid var(--ink);padding:4px 0;font-weight:700;cursor:pointer}
.identity{background:var(--green);color:#fff}
.identity .grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.identity h2{font:500 46px/1.05 Georgia,serif;margin:0 0 16px}
.identity p{line-height:1.7;color:#e8eee9}
.pattern-board{background:var(--ink);padding:24px;border:1px solid rgba(255,255,255,.18)}
.pattern-board .tile{aspect-ratio:1/1;background-color:var(--ink);background-image:linear-gradient(45deg,transparent 42%,var(--yellow) 43% 46%,transparent 47% 53%,var(--yellow) 54% 57%,transparent 58%),linear-gradient(-45deg,transparent 42%,var(--yellow) 43% 46%,transparent 47% 53%,var(--yellow) 54% 57%,transparent 58%);background-size:52px 52px;border:1px solid #544d3e;position:relative}
.pattern-board .tile:after{content:"మనవి";position:absolute;inset:0;display:grid;place-items:center;color:var(--white);font:600 64px Georgia,serif;background:rgba(17,17,15,.6)}
.packaging{background:var(--ivory)}
.pack-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.box{width:100%;aspect-ratio:1.45/1;background:var(--ink);position:relative;padding:28px;box-shadow:18px 18px 0 var(--stone)}
.box .brand{font-size:34px;text-align:left;padding:0}.box .sub{color:#fff;margin-top:8px;font-family:Georgia,serif}
.box .band{position:absolute;left:0;right:0;bottom:30px;height:42px;background:var(--green);border-top:2px solid var(--yellow);border-bottom:2px solid var(--yellow)}
.box .band:after{content:"";position:absolute;inset:10px 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='18' viewBox='0 0 96 18'%3E%3Cg fill='none' stroke='%23f4d21d' stroke-width='1.7'%3E%3Cpath d='M2 16V4l8 8 8-8v12'/%3E%3Cpath d='M26 16V9a7 7 0 0 1 14 0v7'/%3E%3Cpath d='M52 9l8-7 8 7-8 7z'/%3E%3Cpath d='M78 16V4l8 8 8-8v12'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-x}
.pack-copy h2{font:500 42px/1.08 Georgia,serif;margin:0 0 15px}
.pack-copy p{line-height:1.7;color:#5b554d}
.app{background:var(--ink);color:#fff}
.app-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.app h2{font:500 42px/1.06 Georgia,serif;margin:0 0 15px}.app p{color:#cec7bc;line-height:1.7}
.phones{display:flex;gap:22px;justify-content:center;align-items:end}
.phone{width:240px;height:490px;border:8px solid #050505;background:var(--ivory);color:var(--ink);border-radius:34px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.phone.small{height:440px;width:215px;opacity:.88}
.phone-head{background:var(--green);color:#fff;padding:22px 18px}.phone-head .mini-brand{color:var(--yellow);font:700 17px Georgia,serif;letter-spacing:.22em}
.phone-body{padding:18px}.phone-body h4{font:600 25px Georgia,serif;margin:8px 0}
.mini-card{border-top:1px solid #bdb3a4;padding:14px 0;display:grid;grid-template-columns:1fr auto;gap:12px}.mini-card strong{font-family:Georgia,serif}
.mini-btn{background:var(--yellow);padding:10px 12px;font-weight:700;font-size:12px}
.admin{background:#f0eadf}
.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#a89d8b;border:1px solid #a89d8b}
.metric{background:var(--ivory);padding:22px}.metric span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#70675c}.metric strong{font:600 34px Georgia,serif;display:block;margin-top:8px}
.cart-button{position:fixed;right:18px;bottom:18px;z-index:50;background:var(--yellow);border:2px solid var(--ink);padding:13px 16px;font-weight:800;box-shadow:6px 6px 0 var(--ink);cursor:pointer}
.drawer{position:fixed;top:0;right:-440px;width:min(440px,100%);height:100vh;background:var(--ivory);z-index:100;transition:.25s;padding:28px;overflow:auto;border-left:6px solid var(--yellow)}
.drawer.open{right:0}.scrim{position:fixed;inset:0;background:#0009;z-index:90;display:none}.scrim.show{display:block}
.cart-row{padding:14px 0;border-bottom:1px solid #bdb3a4;display:flex;justify-content:space-between;gap:18px}
.checkout{width:100%;background:var(--ink);color:#fff;border:0;padding:15px;margin-top:18px;font-weight:800}
footer{background:var(--green);color:#fff;padding:40px 0}footer .brand{text-align:left;padding:0}
@media(max-width:900px){
  .nav{grid-template-columns:1fr auto}.nav .left{display:none}
  .hero-inner,.intro,.identity .grid,.pack-grid,.app-grid{grid-template-columns:1fr}
  .hero-copy{padding-right:0}.hero-art{min-height:460px}
  .dishes{grid-template-columns:1fr}.dish:nth-child(odd),.dish:nth-child(even){padding-left:0;padding-right:0;border-right:0}
  .admin-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .wrap{padding:0 16px}.nav{min-height:68px}.nav .right a:not(.order){display:none}.brand{font-size:23px}
  section{padding:56px 0}.hero-copy{padding:58px 0 44px}.hero-art{min-height:390px}
  .dish{grid-template-columns:96px 1fr;gap:16px}.dish-visual{min-height:110px}
  .drop-head{grid-template-columns:1fr}.drop-meta{text-align:left}
  .phones{gap:10px}.phone{width:180px;height:390px}.phone.small{width:160px;height:360px}
  .admin-grid{grid-template-columns:1fr}
}

.mobile-weave{display:none!important}
@media(max-width:900px){.mobile-weave{display:flex!important}}
/* Mobile layout and interaction refinements; original identity retained. */
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{font-family:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.nav a{min-height:44px;display:flex;align-items:center}
.nav .brand{justify-content:center}
.add{min-width:44px;min-height:44px}
.dish>div,.intro>div,.pack-grid>div,.app-grid>div{min-width:0}
.cart-button{bottom:calc(18px + env(safe-area-inset-bottom))}
footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
.drawer{height:100dvh;max-height:100%;padding-bottom:calc(28px + env(safe-area-inset-bottom));overscroll-behavior:contain;visibility:hidden;transition:right .25s,visibility .25s}
.drawer.open{visibility:visible}
.drawer .close-cart{float:right;border:0;background:none;font-size:30px;cursor:pointer;width:44px;height:44px;margin:-8px -8px 8px 8px}
.drawer h2{clear:both}
.cart-row{line-height:1.5}
.cart-row>strong{white-space:nowrap}
.cart-row>div{min-width:0}
body.cart-open{overflow:hidden}
@media(max-width:1100px) and (min-width:901px){
 .dish{grid-template-columns:100px minmax(0,1fr);gap:16px}
 .dish-bottom{flex-wrap:wrap}
 .dish-bottom .stock{flex-basis:100%}
 .phones{gap:12px}.phone,.phone.small{min-width:0;height:auto;min-height:460px}
}
@media(max-width:900px){
 .nav{grid-template-columns:1fr auto;column-gap:20px}
 .nav .brand{grid-column:1;grid-row:1;justify-self:start}
 .nav .right{grid-column:2;grid-row:1}
 .nav .left{display:flex;grid-column:1/-1;grid-row:2;gap:24px;padding-bottom:6px}
 .intro,.identity .grid,.pack-grid,.app-grid{gap:32px}
 .box{width:calc(100% - 18px);margin-bottom:18px}
}
@media(max-width:620px){
 .nav{padding-top:8px;column-gap:12px}
 .nav .brand{font-size:23px;letter-spacing:.24em;padding-left:0}
 .nav .right{font-size:13px}.nav .right .order{border-bottom:1px solid var(--yellow)}
 .nav .left{font-size:13px;gap:24px}
 .hero-inner{min-height:0}
 .hero-copy{padding:40px 0 32px}
 .hero h1{font-size:clamp(40px,11.5vw,62px);line-height:1.04;margin:12px 0 16px}
 .hero p{font-size:16px;line-height:1.65;margin:0}
 .hero .telugu{margin:12px 0 0}
 .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.12em}
 .hero-actions{margin-top:24px;gap:12px}
 .hero-actions .btn{display:flex;align-items:center;justify-content:center;min-height:48px}
 .hero-art{min-height:0;height:clamp(280px,80vw,350px)}
 .art-note{top:22px;right:20px;max-width:155px;font-size:14px}
 .bridge{top:34%;right:5%;width:45%;height:20%}
 section{padding:44px 0}
 .intro h2,.section-title,.identity h2,.pack-copy h2,.app h2{font-size:clamp(30px,8.5vw,38px);line-height:1.12}
 .intro p{font-size:17px;line-height:1.7}.pull{font-size:20px;padding-left:16px;margin-top:20px}
 .drop-head{gap:18px;margin-bottom:24px}
 .drop-meta{font-size:14px}
 .dish{grid-template-columns:80px minmax(0,1fr);gap:14px;padding:22px 0;align-items:start}
 .dish-visual{min-height:0;height:96px}
 .dish-visual:before{inset:8px}
 .dish h3{font-size:23px;line-height:1.17}
 .dish p{font-size:14px;line-height:1.6;margin-bottom:12px}
 .dish-bottom{display:grid;grid-template-columns:1fr auto;gap:6px 12px}
 .dish-bottom .stock{grid-column:1/-1;font-size:11px;line-height:1.5}
 .dish-bottom .price{font-size:16px}.add{padding:10px 8px;font-size:14px}
 .pattern-board{padding:16px}
 .box{padding:22px;box-shadow:12px 12px 0 var(--stone);width:calc(100% - 12px);margin-bottom:12px;min-height:200px}
 .box .brand{font-size:clamp(24px,7vw,32px);letter-spacing:.24em}
 .box .band{bottom:22px}
 .phones{flex-direction:column;align-items:center;gap:28px}
 .phone,.phone.small{flex:none;width:min(280px,100%);height:auto;min-height:400px;opacity:1}
 .phone-body{padding:20px}.phone-head{padding:22px 20px}
 .mini-card{line-height:1.45}.mini-card span{white-space:nowrap}
 .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .metric{padding:20px 16px}.metric strong{font-size:32px}
 .metric span{font-size:12px;letter-spacing:.05em}
 .drawer{padding:22px 18px calc(24px + env(safe-area-inset-bottom));border-left-width:4px}
 .drawer .section-title{font-size:30px!important}
 footer p{line-height:1.7}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drawer{transition:none}}

