{"id":47,"date":"2026-04-27T20:02:54","date_gmt":"2026-04-27T20:02:54","guid":{"rendered":"https:\/\/darksalmon-seal-746514.hostingersite.com\/?page_id=47"},"modified":"2026-05-11T07:49:26","modified_gmt":"2026-05-11T07:49:26","slug":"best-seller","status":"publish","type":"page","link":"https:\/\/coffeegram.in\/index.php\/best-seller\/","title":{"rendered":"best seller"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"47\" class=\"elementor elementor-47\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44a352b e-con-full e-flex e-con e-parent\" data-id=\"44a352b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d963db6 elementor-widget elementor-widget-html\" data-id=\"d963db6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Best Sellers<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;}\r\n\r\nbody{\r\n    background:#fff;\r\n    color:#111;\r\n}\r\n\r\n\/* NAV *\/\r\nnav{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    padding:20px 60px;\r\n    background:#fff;\r\n    border-bottom:1px solid #eee;\r\n}\r\n\r\n.logo{\r\n    color:#52a447;\r\n    font-size:22px;\r\n}\r\n\r\n.logo{\r\n    display:flex;\r\n    align-items:center;\r\n}\r\n\r\n.logo img{\r\n    height:45px;\r\n    width:auto;\r\n}\r\n\r\n\/* SECTION *\/\r\n.section{\r\n    padding:60px;\r\n    max-width:1200px;\r\n    margin:auto;\r\n}\r\n\r\nh1{\r\n    font-size:42px;\r\n    font-weight: 700;\r\n    margin-bottom:10px;\r\n    color:#898f6d;\r\n}\r\n\r\n.sub{\r\n    color:#666;\r\n    margin-bottom:40px;\r\n}\r\n\r\n\/* CATEGORY *\/\r\n.category{\r\n    margin-bottom:50px;\r\n}\r\n\r\n.category h2{\r\n    margin-bottom:20px;\r\n    color:#4d3823;\r\n}\r\n\r\n\/* GRID *\/\r\n.grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:25px;\r\n}\r\n\r\n\/* CARD *\/\r\n.card{\r\n    position:relative;\r\n    border-radius:16px;\r\n    overflow:hidden;\r\n    cursor:pointer;\r\n    transition:.35s;\r\n    box-shadow:0 10px 25px rgba(0,0,0,0.08);\r\n\r\n    opacity:0;\r\n    transform:translateY(30px);\r\n    animation:fadeUp .6s ease forwards;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.card img{\r\n    width:100%;\r\n    height:230px;\r\n    object-fit:cover;\r\n    transition:.4s;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n\/* \ud83d\udd25 LIGHT BOTTOM OVERLAY *\/\r\n\/* \ud83d\udd25 WHITE SOFT OVERLAY *\/\r\n.card::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n    height:40%;\r\n\r\n    background:linear-gradient(\r\n        to top,\r\n        rgba(255,255,255,0.6),\r\n        rgba(255,255,255,0.2),\r\n        transparent\r\n    );\r\n\r\n    opacity:1;\r\n}\r\n\r\n\/* \ud83d\udd25 WHITE GLASS TEXT BOX *\/\r\n\/* \ud83d\udd25 COMPACT TEXT CARD *\/\r\n.card-content{\r\n    position:absolute;\r\n    bottom:8px;\r\n    left:8px;\r\n    right:160px;          \/* \ud83d\udd25 width aur kam (pehle 140px tha) *\/\r\n\r\n    padding:5px 7px;      \/* \ud83d\udd25 padding kam *\/\r\n    border-radius:8px;\r\n\r\n    background:rgba(255,255,255,0.7);\r\n    backdrop-filter:blur(6px);\r\n\r\n    opacity:1;\r\n    transform:none;\r\n    line-height:1.15;     \/* \ud83d\udd25 text gap control *\/\r\n}\r\n\r\n\/* TEXT DARK (visible on white) *\/\r\n.card h3{\r\n    font-size:13px;      \r\n    color:#111;\r\n    margin-bottom:2px;   \/* \ud83d\udd25 gap kam *\/\r\n}\r\n\r\n.card p{\r\n    font-size:9px;\r\n    color:#444;\r\n    margin:0;            \/* \ud83d\udd25 extra gap hata *\/\r\n}\r\n\r\n.price{\r\n    font-size:9px;\r\n    color:#898f6d;\r\n    margin-top:2px;      \/* \ud83d\udd25 controlled spacing *\/\r\n}\r\n\r\n\/* HOVER (DESKTOP) *\/\r\n.card:hover{\r\n    transform:translateY(-10px) scale(1.03);\r\n}\r\n\r\n.card:hover img{\r\n    transform:scale(1.1);\r\n    filter:brightness(0.8);\r\n}\r\n\r\n.card:hover::after{\r\n    opacity:1;\r\n}\r\n\r\n.card:hover .card-content{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n\/* CLICK EFFECT (MOBILE FEEL) *\/\r\n.card:active{\r\n    transform:scale(0.97);\r\n}\r\n\r\n\/* ===================== *\/\r\n\/* \ud83d\udd25 MOBILE MAGIC *\/\r\n\/* ===================== *\/\r\n@media(max-width:768px){\r\n\r\n    nav{\r\n        padding:15px 18px;\r\n    }\r\n\r\n    .section{\r\n        padding:30px 18px;\r\n    }\r\n\r\n    h1{\r\n        font-size:28px;\r\n    }\r\n    .logo img{\r\n    height:35px;\r\n    width:auto;\r\n}\r\n\r\n    .grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n        gap:15px;\r\n    }\r\n\r\n    .card img{\r\n        height:170px;\r\n    }\r\n\r\n    \/* \ud83d\udd25 ALWAYS SHOW TEXT ON MOBILE *\/\r\n    .card::after{\r\n        opacity:1;\r\n    }\r\n\r\n    .card-content{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n\r\n    .card{\r\n        box-shadow:0 6px 15px rgba(0,0,0,0.08);\r\n    }\r\n}\r\n\r\n\/* SMALL *\/\r\n@media(max-width:480px){\r\n    .grid{grid-template-columns:1fr;}\r\n}\r\n\r\n\/* ANIMATION *\/\r\n@keyframes fadeUp{\r\n    to{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<nav>\r\n        <a href=\"index.html\" class=\"logo\">\r\n    <img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/05\/Logo-web.png\" alt=\"Coffeegram Logo\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/185;\">\r\n    <a href=\"https:\/\/darksalmon-seal-746514.hostingersite.com\/\" class=\"back\">\u2190 Back<\/a>\r\n<\/nav>\r\n\r\n<div class=\"section\">\r\n\r\n<h1>Best Sellers \u2b50<\/h1>\r\n<p class=\"sub\">Most loved items by our customers<\/p>\r\n\r\n<!-- COFFEE -->\r\n<!-- COFFEE -->\r\n<div class=\"category\">\r\n<h2>\ud83d\udd25 Trending Coffee<\/h2>\r\n\r\n<div class=\"grid\">\r\n\r\n<div class=\"card\" id=\"hazelnut-frappe\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/hazel-frappe.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 736px; --smush-placeholder-aspect-ratio: 736\/736;\">\r\n<div class=\"card-content\">\r\n<h3>Hazelnut Frappe<\/h3>\r\n<p>Nutty creamy coffee blend<\/p>\r\n<div class=\"price\">\u20b9245<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"vietnamese-coffee\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/vientanam-coffeee.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1024;\">\r\n<div class=\"card-content\">\r\n<h3>Vietnamese Coffee<\/h3>\r\n<p>Strong with condensed milk<\/p>\r\n<div class=\"price\">\u20b9245<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"iced-latte\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/iced-latte.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 736px; --smush-placeholder-aspect-ratio: 736\/1073;\">\r\n<div class=\"card-content\">\r\n<h3>Iced Latte<\/h3>\r\n<p>Chilled espresso & milk<\/p>\r\n<div class=\"price\">\u20b9230<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- DRINKS -->\r\n<div class=\"category\">\r\n<h2>\ud83d\udd25 Popular Drinks<\/h2>\r\n\r\n<div class=\"grid\">\r\n\r\n<div class=\"card\" id=\"nutty-chocolate-shake\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/nutty-chocolate-shake.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 736px; --smush-placeholder-aspect-ratio: 736\/1104;\">\r\n<div class=\"card-content\">\r\n<h3>Nutty Chocolate Shake<\/h3>\r\n<p>Rich chocolate & nuts<\/p>\r\n<div class=\"price\">\u20b9255<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"choco-alley\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/choco-aleeyyy.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 736px; --smush-placeholder-aspect-ratio: 736\/1050;\">\r\n<div class=\"card-content\">\r\n<h3>Choco Alley<\/h3>\r\n<p>Almond cocoa blend<\/p>\r\n<div class=\"price\">\u20b9245<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"coco-loco\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1572490122747-3968b75cc699\">\r\n<div class=\"card-content\">\r\n<h3>Coco Loco<\/h3>\r\n<p>Coconut creamy drink<\/p>\r\n<div class=\"price\">\u20b9245<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FOOD -->\r\n<div class=\"category\">\r\n<h2>\ud83d\udd25 Must Try Food<\/h2>\r\n\r\n<div class=\"grid\">\r\n\r\n<div class=\"card\" id=\"farm-out-pizza\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/farm-out-pizza.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 675px; --smush-placeholder-aspect-ratio: 675\/1200;\">\r\n<div class=\"card-content\">\r\n<h3>Farm Out Pizza<\/h3>\r\n<p>Loaded veggie pizza<\/p>\r\n<div class=\"price\">\u20b9550<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"pepperoni-pizza\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/peproni-pizzza.png\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1152px; --smush-placeholder-aspect-ratio: 1152\/2048;\">\r\n<div class=\"card-content\">\r\n<h3>Pepperoni Pizza<\/h3>\r\n<p>Classic non-veg pizza<\/p>\r\n<div class=\"price\">\u20b9650<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"penne-pasta\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/pasta.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/1500;\">\r\n<div class=\"card-content\">\r\n<h3>Penne Pasta<\/h3>\r\n<p>Mixed sauce creamy pasta<\/p>\r\n<div class=\"price\">\u20b9340<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Best Sellers \u2190 Back Best Sellers \u2b50 Most loved items by our customers \ud83d\udd25 Trending Coffee Hazelnut Frappe Nutty creamy coffee blend \u20b9245 Vietnamese Coffee Strong with condensed milk \u20b9245 Iced Latte Chilled espresso &#038; milk \u20b9230 \ud83d\udd25 Popular Drinks Nutty Chocolate Shake Rich chocolate &#038; nuts \u20b9255 Choco Alley Almond cocoa blend \u20b9245 Coco [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":40,"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":715,"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions\/715"}],"wp:attachment":[{"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}