{"id":16,"date":"2026-07-08T13:45:57","date_gmt":"2026-07-08T13:45:57","guid":{"rendered":"https:\/\/offer.bostrobari.com\/?page_id=16"},"modified":"2026-07-20T22:33:54","modified_gmt":"2026-07-20T22:33:54","slug":"tshart","status":"publish","type":"page","link":"https:\/\/offer.bostrobari.com\/","title":{"rendered":"Tshart"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n\r\nExclusive Edition | Levis Premium Polo<\/title>\r\n\r\n<!-- Favicon -->\r\n<link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/argentina.kayatrend.com\/wp-content\/uploads\/2026\/06\/Untitled-design.png\" \/>\r\n\r\n<!-- Google Fonts: Hind Siliguri for Bengali, Outfit for English numbers\/modern tech feel -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Outfit:wght@300;500;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- FontAwesome & Tailwind -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<!-- Alpine Plugins & Alpine JS -->\r\n<script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/@alpinejs\/collapse@3.x.x\/dist\/cdn.min.js\"><\/script>\r\n<script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"><\/script>\r\n\r\n<script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n bengali: ['\"Hind Siliguri\"', 'sans-serif'],\r\n outfit: ['\"Outfit\"', 'sans-serif'],\r\n },\r\n colors: {\r\n dark: {\r\n bg: '#030705',\r\n surface: '#0a140f',\r\n card: '#111d17',\r\n border: '#1b2d24'\r\n },\r\n brand: {\r\n DEFAULT: '#FF7A28', \/\/ Vibrant Orange\r\n glow: 'rgba(255, 122, 40, 0.3)',\r\n dim: '#cc5a16'\r\n }\r\n },\r\n animation: {\r\n 'marquee': 'marquee 25s linear infinite',\r\n 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',\r\n 'float': 'float 6s ease-in-out infinite',\r\n },\r\n keyframes: {\r\n marquee: {\r\n '0%': { transform: 'translateX(0%)' },\r\n '100%': { transform: 'translateX(-100%)' }\r\n },\r\n float: {\r\n '0%, 100%': { transform: 'translateY(0)' },\r\n '50%': { transform: 'translateY(-10px)' }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n<\/script>\r\n\r\n<style>\r\n body { font-family: 'Hind Siliguri', sans-serif; -webkit-tap-highlight-color: transparent; }\r\n [x-cloak] { display: none !important; }\r\n .no-scrollbar::-webkit-scrollbar { display: none; }\r\n .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\r\n\r\n \/* Premium glowing text effect *\/\r\n .text-glow { text-shadow: 0 0 20px rgba(255, 122, 40, 0.4); }\r\n \r\n \/* Glassmorphism for dark mode *\/\r\n .glass-dark {\r\n background: rgba(10, 20, 15, 0.7);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n \/* Subtle film-grain texture for depth, tying into the \"drop culture\" feel *\/\r\n .grain {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 1;\r\n pointer-events: none;\r\n opacity: 0.035;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n }\r\n\r\n \/* Scroll-reveal: fade + rise, orchestrated per-section rather than scattered per-element *\/\r\n .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1); }\r\n .reveal.in-view { opacity: 1; transform: translateY(0); }\r\n\r\n \/* Visible keyboard focus, kept brand-consistent *\/\r\n a:focus-visible, button:focus-visible {\r\n outline: 2px solid #FF7A28;\r\n outline-offset: 3px;\r\n border-radius: 4px;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .animate-marquee, .animate-float, .animate-pulse-slow, .animate-pulse { animation: none !important; }\r\n .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }\r\n * { scroll-behavior: auto !important; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body x-data=\"pageLogic\">\r\n<div class=\"grain\" aria-hidden=\"true\"><\/div>\r\n\r\n<!-- Top Ticker Marquee -->\r\n<div class=\"bg-brand text-dark-bg font-outfit font-bold uppercase tracking-widest text-xs py-2 overflow-hidden flex whitespace-nowrap\">\r\n <div class=\"animate-marquee flex gap-8\">\r\n <span>\ud83d\udd25 Limited Edition Drop<\/span>\r\n <span>\u2022<\/span>\r\n <span>Free Delivery on Combos<\/span>\r\n <span>\u2022<\/span>\r\n <span>Premium Quality Guaranteed<\/span>\r\n <span>\u2022<\/span>\r\n <span>Cash on Delivery<\/span>\r\n <span>\u2022<\/span>\r\n <span>\ud83d\udd25 Limited Edition Drop<\/span>\r\n <span>\u2022<\/span>\r\n <span>Free Delivery on Combos<\/span>\r\n <span>\u2022<\/span>\r\n <span>Premium Quality Guaranteed<\/span>\r\n <span>\u2022<\/span>\r\n <span>Cash on Delivery<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- Site Header \/ Nav -->\r\n<header class=\"sticky top-0 z-30 glass-dark border-b border-dark-border\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between\">\r\n <a href=\"#\" class=\"flex items-center\">\r\n <img decoding=\"async\" src=\"https:\/\/offer.bostrobari.com\/wp-content\/uploads\/2026\/07\/cropped-WhatsApp_Image_2026-07-07_at_8.29.46_PM-removebg-preview.png\" alt=\"Bostrobari Logo\" class=\"h-8 sm:h-15 w-auto rounded-md\">\r\n <\/a>\r\n <nav class=\"hidden md:flex items-center gap-8 text-sm font-medium text-slate-300\">\r\n <button @click=\"scrollTo('combos')\" class=\"hover:text-brand transition-colors\">\u09aa\u09cd\u09af\u09be\u0995 \u0993 \u09a6\u09be\u09ae<\/button>\r\n <button @click=\"scrollTo('specs')\" class=\"hover:text-brand transition-colors\">\u09b8\u09cd\u09aa\u09c7\u09b8\u09bf\u09ab\u09bf\u0995\u09c7\u09b6\u09a8<\/button>\r\n <button @click=\"scrollTo('reviews')\" class=\"hover:text-brand transition-colors\">\u09b0\u09bf\u09ad\u09bf\u0989<\/button>\r\n <button @click=\"scrollTo('faq')\" class=\"hover:text-brand transition-colors\">FAQ<\/button>\r\n <\/nav>\r\n <div class=\"flex items-center gap-2\">\r\n <a href=\"tel:01715288674\" class=\"hidden sm:flex w-10 h-10 rounded-full border border-dark-border items-center justify-center text-slate-300 hover:text-brand hover:border-brand\/50 transition-colors\">\r\n <i class=\"fas fa-phone-alt text-sm\"><\/i>\r\n <\/a>\r\n <button @click=\"scrollTo('combos')\" class=\"bg-brand hover:bg-[#ff8f47] text-dark-bg font-bold text-sm px-5 py-2.5 rounded-lg transition-colors\">\r\n \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- Hero Section (Dark & Bold) -->\r\n<section class=\"relative pt-10 pb-20 px-4 sm:px-6 lg:px-8 overflow-hidden min-h-[90vh] flex flex-col justify-center\">\r\n <!-- Background Glow -->\r\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[80vw] h-[80vw] max-w-[600px] max-h-[600px] bg-brand\/20 blur-[100px] rounded-full pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto w-full relative z-10 grid lg:grid-cols-2 gap-12 items-center\">\r\n \r\n <!-- Hero Text -->\r\n <div class=\"order-2 lg:order-1 text-center lg:text-left flex flex-col items-center lg:items-start\">\r\n <div class=\"inline-flex items-center gap-2 border border-brand\/40 bg-brand\/10 text-brand px-4 py-1.5 rounded-full text-sm font-medium mb-6\">\r\n <span class=\"w-2 h-2 rounded-full bg-brand animate-pulse\"><\/span>\r\n \u09b8\u09cd\u099f\u0995\u09c7 \u098f\u09ad\u09c7\u0987\u09b2\u09c7\u09ac\u09b2\r\n <\/div>\r\n \r\n <h1 class=\"text-5xl sm:text-6xl md:text-7xl font-black text-white leading-[1.1] mb-6 tracking-tight\">\r\n PREMIUM <br \/>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand to-yellow-400 text-glow\">LEVIS<\/span> <br \/>\r\n EDITION.\r\n <\/h1>\r\n \r\n <p class=\"text-lg text-slate-400 mb-8 max-w-lg leading-relaxed font-bengali\">\r\n \u09e7\u09e6\u09e6% \u0995\u09ae\u09cd\u09ac\u09a1 \u0995\u099f\u09a8 \u098f\u09ac\u0982 \u0985\u09b0\u09bf\u099c\u09bf\u09a8\u09be\u09b2 \u099f\u09cd\u09b0\u09bf\u09ae\u09b8 \u09a6\u09bf\u09df\u09c7 \u09a4\u09c8\u09b0\u09bf\u0964 \u098f\u0995\u09cd\u09b8\u0995\u09cd\u09b2\u09c1\u09b8\u09bf\u09ad \u09b2\u09c1\u0995 \u098f\u09ac\u0982 \u09b8\u09b0\u09cd\u09ac\u09cb\u099a\u09cd\u099a \u0986\u09b0\u09be\u09ae\u09c7\u09b0 \u09a8\u09bf\u09b6\u09cd\u099a\u09df\u09a4\u09be\u0964\r\n <\/p>\r\n\r\n <!-- Price Focus -->\r\n <div class=\"flex items-end gap-4 mb-6 justify-center lg:justify-start\">\r\n <span class=\"font-outfit text-6xl font-black text-white\">\u09f3250<\/span>\r\n <div class=\"flex flex-col pb-2\">\r\n <span class=\"text-slate-500 line-through font-outfit text-xl\">\u09f3300<\/span>\r\n <span class=\"text-brand text-sm font-bold tracking-wider\">SAVE 17%<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Urgency: today's offer countdown -->\r\n <div class=\"inline-flex items-center gap-3 border border-dark-border bg-dark-surface\/60 rounded-xl px-4 py-2.5 mb-10 text-sm\">\r\n <i class=\"fas fa-clock text-brand\"><\/i>\r\n <span class=\"text-slate-400\">\u0986\u099c\u0995\u09c7\u09b0 \u0985\u09ab\u09be\u09b0 \u09b6\u09c7\u09b7 \u09b9\u09ac\u09c7<\/span>\r\n <span class=\"font-outfit font-bold text-white tracking-wider\" x-text=\"`${countdown.h}:${countdown.m}:${countdown.s}`\"><\/span>\r\n <\/div>\r\n\r\n <!-- Action Buttons -->\r\n <div class=\"w-full max-w-md flex flex-col gap-4\">\r\n <button @click=\"scrollTo('combos')\" class=\"group w-full bg-brand hover:bg-[#ff8f47] text-dark-bg py-5 rounded-2xl font-bold text-xl transition-all shadow-[0_0_30px_rgba(255,122,40,0.3)] hover:shadow-[0_0_40px_rgba(255,122,40,0.5)] hover:-translate-y-1 flex justify-center items-center gap-3\">\r\n \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8 <i class=\"fas fa-arrow-right group-hover:translate-x-1 transition-transform\"><\/i>\r\n <\/button>\r\n <div class=\"grid grid-cols-2 gap-4\">\r\n <a href=\"https:\/\/wa.me\/8801715288674\" class=\"glass-dark border-brand\/20 hover:border-brand\/60 text-white py-3 rounded-xl font-medium flex justify-center items-center gap-2 transition-colors\">\r\n <i class=\"fab fa-whatsapp text-brand\"><\/i> WhatsApp\r\n <\/a>\r\n <a href=\"tel:01715288674\" class=\"glass-dark border-brand\/20 hover:border-brand\/60 text-white py-3 rounded-xl font-medium flex justify-center items-center gap-2 transition-colors\">\r\n <i class=\"fas fa-phone-alt text-brand\"><\/i> Call Now\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Micro trust row -->\r\n <div class=\"flex flex-wrap items-center gap-x-6 gap-y-2 mt-8 text-xs text-slate-500 justify-center lg:justify-start\">\r\n <span class=\"flex items-center gap-1.5\"><i class=\"fas fa-users text-brand\"><\/i> \u09e7,\u09e8\u09ea\u09ed+ \u0995\u09be\u09b8\u09cd\u099f\u09ae\u09be\u09b0<\/span>\r\n <span class=\"flex items-center gap-1.5\"><i class=\"fas fa-star text-brand\"><\/i> \u09ea.\u09ef\/\u09eb \u09b0\u09c7\u099f\u09bf\u0982<\/span>\r\n <span class=\"flex items-center gap-1.5\"><i class=\"fas fa-shield-alt text-brand\"><\/i> \u09e7\u09e6\u09e6% \u0985\u09b0\u09bf\u099c\u09bf\u09a8\u09be\u09b2<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Hero Image -->\r\n <div class=\"order-1 lg:order-2 relative w-full max-w-lg mx-auto\">\r\n <div class=\"absolute inset-0 bg-gradient-to-tr from-brand\/20 to-transparent rounded-[2rem] transform rotate-3 scale-105\"><\/div>\r\n <div class=\"relative bg-dark-card border border-dark-border rounded-[2rem] p-4 animate-float cursor-pointer\" @click=\"openImage(0)\">\r\n <img decoding=\"async\" src=\"https:\/\/argentina.kayatrend.com\/wp-content\/uploads\/2026\/06\/Untitled-design.png\" alt=\"Levis Premium\" class=\"w-full h-auto rounded-[1.5rem] object-cover\">\r\n \r\n <div class=\"absolute -bottom-6 -left-6 glass-dark px-6 py-4 rounded-2xl border-brand\/30 flex items-center gap-4\">\r\n <div class=\"text-yellow-400 text-2xl\"><i class=\"fas fa-star\"><\/i><\/div>\r\n <div>\r\n <div class=\"font-outfit font-black text-2xl text-white\">4.9\/5<\/div>\r\n <div class=\"text-xs text-slate-400 tracking-wider uppercase\">Verified Reviews<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Trust Metrics -->\r\n<div class=\"border-y border-dark-border bg-dark-surface py-6\">\r\n <div class=\"max-w-7xl mx-auto px-4 flex flex-wrap justify-center gap-4 lg:gap-8\">\r\n <div class=\"flex items-center gap-3 px-5 py-2.5 rounded-full border border-dark-border hover:border-brand\/40 transition-colors\">\r\n <i class=\"fas fa-truck-fast text-brand text-xl\"><\/i>\r\n <span class=\"font-semibold text-slate-300\">\u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 px-5 py-2.5 rounded-full border border-dark-border hover:border-brand\/40 transition-colors\">\r\n <i class=\"fas fa-shield-alt text-brand text-xl\"><\/i>\r\n <span class=\"font-semibold text-slate-300\">\u0985\u09b0\u09bf\u099c\u09bf\u09a8\u09be\u09b2 \u0995\u09cb\u09af\u09bc\u09be\u09b2\u09bf\u099f\u09bf<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 px-5 py-2.5 rounded-full border border-dark-border hover:border-brand\/40 transition-colors\">\r\n <i class=\"fas fa-exchange-alt text-brand text-xl\"><\/i>\r\n <span class=\"font-semibold text-slate-300\">\u0987\u099c\u09bf \u09b0\u09bf\u099f\u09be\u09b0\u09cd\u09a8<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- Combo Offers -->\r\n<section id=\"combos\" class=\"py-24 relative\">\r\n <div class=\"max-w-6xl mx-auto px-4\">\r\n <div class=\"text-center mb-16 reveal\">\r\n <h2 class=\"text-brand font-outfit font-bold tracking-widest uppercase mb-2\">Select Your Pack<\/h2>\r\n <h3 class=\"text-3xl sm:text-5xl font-bold text-white\">\u09b8\u09cd\u09aa\u09c7\u09b6\u09be\u09b2 \u0995\u09ae\u09cd\u09ac\u09cb \u0985\u09ab\u09be\u09b0<\/h3>\r\n <p class=\"text-slate-400 mt-4 max-w-2xl mx-auto\">\u09af\u09a4 \u09ac\u09c7\u09b6\u09bf \u09a8\u09bf\u09ac\u09c7\u09a8, \u09a4\u09a4 \u09ac\u09c7\u09b6\u09bf \u09b8\u09be\u09b6\u09cd\u09b0\u09df\u0964 \u0995\u09ae\u09cd\u09ac\u09cb \u09aa\u09cd\u09af\u09be\u0995\u09c7 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u099a\u09be\u09b0\u09cd\u099c \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09ab\u09cd\u09b0\u09bf!<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid lg:grid-cols-3 gap-6\">\r\n \r\n <!-- Single Pack -->\r\n <div class=\"reveal bg-dark-surface border border-dark-border rounded-3xl p-8 flex flex-col hover:border-brand\/40 hover:-translate-y-2 transition-all duration-300\">\r\n <div class=\"w-12 h-12 rounded-xl bg-dark-card border border-dark-border flex items-center justify-center text-brand text-lg mb-5\">\r\n <i class=\"fas fa-tshirt\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-xl font-bold text-white mb-1\">\u09b8\u09bf\u0999\u09cd\u0997\u09c7\u09b2 \u09aa\u09cd\u09af\u09be\u0995<\/h4>\r\n <p class=\"text-sm text-slate-500 mb-6\">\u09e7 \u09aa\u09bf\u09b8 \u099f\u09bf-\u09b6\u09be\u09b0\u09cd\u099f<\/p>\r\n <div class=\"font-outfit text-5xl font-black text-white mb-2\">\u09f3250<\/div>\r\n <p class=\"text-xs text-slate-400 mb-8\">+ \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u099a\u09be\u09b0\u09cd\u099c<\/p>\r\n <ul class=\"space-y-4 mb-8 flex-1\">\r\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check text-brand mt-1\"><\/i><span class=\"text-slate-300\">\u09e7\u099f\u09bf \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u099f\u09bf-\u09b6\u09be\u09b0\u09cd\u099f<\/span><\/li>\r\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check text-brand mt-1\"><\/i><span class=\"text-slate-300\">\u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf<\/span><\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/offer.bostrobari.com\/index.php\/step\/checkout-2\/\" class=\"group w-full flex items-center justify-center gap-2 bg-dark-card border border-dark-border hover:border-brand text-white py-4 rounded-xl font-bold transition-colors\">\r\n \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8 <i class=\"fas fa-arrow-right text-xs opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Double Pack -->\r\n <div class=\"reveal bg-dark-surface border border-dark-border rounded-3xl p-8 flex flex-col hover:border-brand\/40 hover:-translate-y-2 transition-all duration-300\" style=\"transition-delay:80ms\">\r\n <div class=\"w-12 h-12 rounded-xl bg-dark-card border border-dark-border flex items-center justify-center text-brand text-lg mb-5\">\r\n <i class=\"fas fa-layer-group\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-xl font-bold text-white mb-1\">\u09a1\u09be\u09ac\u09b2 \u0995\u09ae\u09cd\u09ac\u09cb<\/h4>\r\n <p class=\"text-sm text-slate-500 mb-6\">\u09e8 \u09aa\u09bf\u09b8 \u099f\u09bf-\u09b6\u09be\u09b0\u09cd\u099f<\/p>\r\n <div class=\"font-outfit text-5xl font-black text-white mb-2\">\u09f3450<\/div>\r\n <p class=\"text-brand font-bold text-sm mb-8\">\u09ab\u09cd\u09b0\u09bf \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf!<\/p>\r\n <ul class=\"space-y-4 mb-8 flex-1\">\r\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check text-brand mt-1\"><\/i><span class=\"text-slate-300\">\u09e8\u099f\u09bf \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u099f\u09bf-\u09b6\u09be\u09b0\u09cd\u099f<\/span><\/li>\r\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check text-brand mt-1\"><\/i><span class=\"text-slate-300\">\u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf<\/span><\/li>\r\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-bolt text-yellow-400 mt-1\"><\/i><span class=\"text-yellow-400 font-bold\">\u09e7\u09e6\u09e6+ \u099f\u09be\u0995\u09be \u09b8\u09be\u09b6\u09cd\u09b0\u09af\u09bc<\/span><\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/offer.bostrobari.com\/index.php\/step\/checkout-2\/\" class=\"group w-full flex items-center justify-center gap-2 bg-dark-card border border-dark-border hover:border-brand text-white py-4 rounded-xl font-bold transition-colors\">\r\n \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8 <i class=\"fas fa-arrow-right text-xs opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Value Pack -->\r\n <div class=\"reveal bg-dark-surface border-2 border-brand rounded-3xl p-8 flex flex-col relative overflow-hidden transform lg:-translate-y-4 hover:lg:-translate-y-5 shadow-[0_0_40px_rgba(255,122,40,0.15)] transition-transform duration-300\" style=\"transition-delay:160ms\">\r\n <div class=\"absolute top-0 right-0 w-28 h-28 overflow-hidden pointer-events-none\">\r\n <div class=\"absolute top-5 right-[-34px] w-[150px] rotate-45 bg-brand text-dark-bg text-center text-[11px] font-bold uppercase tracking-wider py-1 shadow-md\">\r\n Most Popular\r\n <\/div>\r\n <\/div>\r\n <div class=\"w-12 h-12 rounded-xl bg-brand\/15 border border-brand\/40 flex items-center justify-center text-brand text-lg mb-5\">\r\n <i class=\"fas fa-crown\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-xl font-bold text-white mb-1\">\u09ad\u09cd\u09af\u09be\u09b2\u09c1 \u09aa\u09cd\u09af\u09be\u0995<\/h4>\r\n <p class=\"text-sm text-slate-500 mb-6\">\u09ea \u09aa\u09bf\u09b8 \u099f\u09bf-\u09b6\u09be\u09b0\u09cd\u099f<\/p>\r\n <div class=\"flex items-baseline gap-2 mb-2\">\r\n <div class=\"font-outfit text-6xl font-black text-white text-glow\">\u09f3790<\/div>\r\n <div class=\"font-outfit text-xl text-slate-600 line-through\">\u09f31190<\/div>\r\n <\/div>\r\n <p class=\"text-brand font-bold text-sm mb-8\">\u09ab\u09cd\u09b0\u09bf \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf + \u09a1\u09bf\u09b8\u0995\u09be\u0989\u09a8\u09cd\u099f<\/p>\r\n <ul class=\"space-y-4 mb-8 flex-1\">\r\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check text-brand mt-1\"><\/i><span class=\"text-white font-medium\">\u09ea \u099f\u09bf \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u099f\u09bf-\u09b6\u09be\u09b0\u09cd\u099f<\/span><\/li>\r\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-check text-brand mt-1\"><\/i><span class=\"text-white font-medium\">\u09ab\u09cd\u09b0\u09bf \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf<\/span><\/li>\r\n <li class=\"flex items-start gap-3\"><i class=\"fas fa-tags text-yellow-400 mt-1\"><\/i><span class=\"text-yellow-400 font-bold\">\u098f\u0995\u09cd\u09b8\u099f\u09cd\u09b0\u09be \u09ee\u09e6 \u099f\u09be\u0995\u09be \u099b\u09be\u09a1\u09bc<\/span><\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/offer.bostrobari.com\/index.php\/step\/checkout-2\/\" class=\"group w-full flex items-center justify-center gap-2 bg-brand hover:bg-[#ff8f47] text-dark-bg py-4 rounded-xl font-bold text-lg shadow-[0_0_20px_rgba(255,122,40,0.3)] transition-all\">\r\n \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8 <i class=\"fas fa-arrow-right text-xs opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Specs -->\r\n<section id=\"specs\" class=\"py-20 bg-dark-card border-y border-dark-border\">\r\n <div class=\"max-w-6xl mx-auto px-4\">\r\n <div class=\"mb-12\">\r\n <h2 class=\"text-brand font-outfit font-bold tracking-widest uppercase mb-2 reveal\">The Architecture<\/h2>\r\n <h3 class=\"text-3xl font-bold text-white\">\u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u09b8\u09cd\u09aa\u09c7\u09b8\u09bf\u09ab\u09bf\u0995\u09c7\u09b6\u09a8<\/h3>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n <div class=\"md:col-span-2 bg-dark-surface border border-dark-border p-8 rounded-3xl flex flex-col justify-end min-h-[300px] relative overflow-hidden group\">\r\n <div class=\"absolute inset-0 opacity-10 bg-[url('https:\/\/argentina.kayatrend.com\/wp-content\/uploads\/2026\/06\/f7b56e30-8fd8-4ad9-b30e-512cc6a65b32.jpeg')] bg-cover bg-center mix-blend-luminosity group-hover:opacity-30 transition-opacity duration-700\"><\/div>\r\n <div class=\"relative z-10\">\r\n <i class=\"fas fa-leaf text-4xl text-brand mb-4\"><\/i>\r\n <h4 class=\"text-2xl font-bold text-white mb-2\">\u09e7\u09e6\u09e6% \u0995\u09ae\u09cd\u09ac\u09a1 \u0995\u099f\u09a8<\/h4>\r\n <p class=\"text-slate-400\">\u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09b8\u09c1\u09a4\u09cb\u09b0 \u099a\u09c7\u09df\u09c7 \u0985\u09a8\u09c7\u0995 \u09ac\u09c7\u09b6\u09bf \u09ae\u09b8\u09c3\u09a3, \u099f\u09c7\u0995\u09b8\u0987 \u098f\u09ac\u0982 \u0997\u09b0\u09ae\u09c7 \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u0986\u09b0\u09be\u09ae\u09a6\u09be\u09df\u0995\u0964<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-dark-surface border border-dark-border p-8 rounded-3xl\">\r\n <i class=\"fas fa-weight-hanging text-3xl text-brand mb-4\"><\/i>\r\n <h4 class=\"text-xl font-bold text-white mb-2\">160-170 GSM<\/h4>\r\n <p class=\"text-slate-400 text-sm\">\u09aa\u09be\u09b0\u09ab\u09c7\u0995\u09cd\u099f \u09a5\u09bf\u0995\u09a8\u09c7\u09b8\u0964 \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u09ab\u09b2\u09c7\u09b0 \u09a8\u09bf\u09b6\u09cd\u099a\u09df\u09a4\u09be\u0964<\/p>\r\n <\/div>\r\n <div class=\"bg-dark-surface border border-dark-border p-8 rounded-3xl\">\r\n <i class=\"fas fa-award text-3xl text-brand mb-4\"><\/i>\r\n <h4 class=\"text-xl font-bold text-white mb-2\">\u0985\u09b0\u09bf\u099c\u09bf\u09a8\u09be\u09b2 \u099f\u09cd\u09b0\u09bf\u09ae\u09b8<\/h4>\r\n <p class=\"text-slate-400 text-sm\">\u09a8\u09bf\u0996\u09c1\u0981\u09a4 \u09b2\u09cb\u0997\u09cb \u098f\u09ac\u0982 \u0985\u09b0\u09bf\u099c\u09bf\u09a8\u09be\u09b2 \u09ac\u09be\u099f\u09a8 \u09ab\u09bf\u09a8\u09bf\u09b6\u09bf\u0982\u0964<\/p>\r\n <\/div>\r\n <div class=\"md:col-span-2 bg-gradient-to-r from-dark-surface to-dark-card border border-dark-border p-8 rounded-3xl flex items-center justify-between\">\r\n <div>\r\n <h4 class=\"text-xl font-bold text-white mb-2\">\u0995\u09be\u09b2\u09be\u09b0 \u0997\u09cd\u09af\u09be\u09b0\u09be\u09a8\u09cd\u099f\u09bf<\/h4>\r\n <p class=\"text-slate-400 text-sm\">\u09ac\u09be\u09b0\u09ac\u09be\u09b0 \u09a7\u09cb\u09df\u09be\u09b0 \u09aa\u09b0\u0993 \u09b0\u0999 \u09a8\u09a4\u09c1\u09a8\u09c7\u09b0 \u09ae\u09a4\u09cb\u0987 \u0989\u099c\u09cd\u099c\u09cd\u09ac\u09b2 \u09a5\u09be\u0995\u09ac\u09c7\u0964<\/p>\r\n <\/div>\r\n <i class=\"fas fa-shield-check text-5xl text-brand opacity-50\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Visual Gallery -->\r\n<section class=\"py-24 overflow-hidden bg-dark-surface\/30 border-y border-dark-border\">\r\n <div class=\"max-w-7xl mx-auto px-4 mb-10 flex flex-col sm:flex-row justify-between items-start sm:items-end gap-6\">\r\n <div>\r\n <h2 class=\"text-brand font-outfit font-bold tracking-widest uppercase mb-2 reveal\">Visuals<\/h2>\r\n <h3 class=\"text-3xl font-bold text-white\">\u09aa\u09cd\u09b0\u09cb\u09a1\u09be\u0995\u09cd\u099f \u0997\u09cd\u09af\u09be\u09b2\u09be\u09b0\u09bf<\/h3>\r\n <\/div>\r\n <div class=\"flex gap-3\">\r\n <button @click=\"prevSlide()\" class=\"w-12 h-12 rounded-full border border-dark-border flex items-center justify-center text-white hover:bg-dark-card hover:border-brand transition-all\"><i class=\"fas fa-arrow-left\"><\/i><\/button>\r\n <button @click=\"nextSlide()\" class=\"w-12 h-12 rounded-full border border-dark-border flex items-center justify-center text-white hover:bg-dark-card hover:border-brand transition-all\"><i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"max-w-5xl mx-auto px-4\">\r\n <div class=\"relative overflow-hidden rounded-[2rem] border border-dark-border bg-dark-bg aspect-[4\/5] sm:aspect-video shadow-2xl group\">\r\n <div class=\"flex h-full transition-transform duration-700 ease-in-out\" :style=\"`transform: translateX(-${activeSlide * 100}%);`\">\r\n <template x-for=\"(img, idx) in images\" :key=\"idx\">\r\n <div class=\"w-full h-full flex-shrink-0 relative cursor-pointer\" @click=\"openImage(idx)\">\r\n <img :src=\"img\" class=\"w-full h-full object-cover mix-blend-luminosity opacity-80 group-hover:mix-blend-normal group-hover:opacity-100 transition-all duration-700 group-hover:scale-105\" alt=\"Gallery Image\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-dark-bg via-dark-bg\/10 to-transparent opacity-90 pointer-events-none\"><\/div>\r\n \r\n <div class=\"absolute bottom-8 left-8 text-white flex items-center gap-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300\">\r\n <div class=\"w-10 h-10 rounded-full bg-brand\/20 flex items-center justify-center border border-brand\/50 text-brand\">\r\n <i class=\"fas fa-expand\"><\/i>\r\n <\/div>\r\n <span class=\"font-outfit uppercase tracking-widest text-sm font-bold drop-shadow-md\">View Fullscreen<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"flex justify-center items-center gap-3 mt-8\">\r\n <template x-for=\"(img, idx) in images\" :key=\"idx\">\r\n <button @click=\"goToSlide(idx)\" \r\n class=\"h-1.5 rounded-full transition-all duration-500\"\r\n :class=\"activeSlide === idx ? 'w-10 bg-brand shadow-[0_0_10px_rgba(255,122,40,0.5)]' : 'w-3 bg-dark-border hover:bg-slate-500'\"><\/button>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Size Guide -->\r\n<section class=\"py-20 bg-dark-bg\">\r\n <div class=\"max-w-4xl mx-auto px-4\">\r\n <div class=\"text-center mb-12 reveal\">\r\n <i class=\"fas fa-ruler-combined text-3xl text-brand mb-4\"><\/i>\r\n <h3 class=\"text-3xl font-bold text-white mb-4\">\u09aa\u09be\u09b0\u09ab\u09c7\u0995\u09cd\u099f \u09ab\u09bf\u099f\u09bf\u0982 \u0997\u09be\u0987\u09a1<\/h3>\r\n <p class=\"text-slate-400\">\u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09a0\u09bf\u0995 \u09b8\u09be\u0987\u099c\u099f\u09bf \u09ac\u09c7\u099b\u09c7 \u09a8\u09bf\u09a4\u09c7 \u099a\u09be\u09b0\u09cd\u099f\u099f\u09bf \u0985\u09a8\u09c1\u09b8\u09b0\u09a3 \u0995\u09b0\u09c1\u09a8\u0964<\/p>\r\n <\/div>\r\n \r\n <div class=\"border border-dark-border rounded-2xl overflow-hidden bg-dark-bg\">\r\n <table class=\"w-full text-left font-outfit\">\r\n <thead>\r\n <tr class=\"bg-dark-card border-b border-dark-border text-slate-400 text-sm uppercase tracking-wider\">\r\n <th class=\"py-4 px-6\">Size<\/th>\r\n <th class=\"py-4 px-6\">Chest (Inch)<\/th>\r\n <th class=\"py-4 px-6\">Length (Inch)<\/th>\r\n <th class=\"py-4 px-6 hidden sm:table-cell\">Weight Est.<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody class=\"divide-y divide-dark-border text-white\">\r\n <tr class=\"hover:bg-dark-surface\/50 transition-colors\">\r\n <td class=\"py-5 px-6 font-bold text-brand text-xl\">M<\/td>\r\n <td class=\"py-5 px-6\">40\"<\/td>\r\n <td class=\"py-5 px-6\">27\"<\/td>\r\n <td class=\"py-5 px-6 hidden sm:table-cell text-slate-400\">60 - 70 kg<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-dark-surface\/50 transition-colors\">\r\n <td class=\"py-5 px-6 font-bold text-brand text-xl\">L<\/td>\r\n <td class=\"py-5 px-6\">42\"<\/td>\r\n <td class=\"py-5 px-6\">28\"<\/td>\r\n <td class=\"py-5 px-6 hidden sm:table-cell text-slate-400\">70 - 80 kg<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-dark-surface\/50 transition-colors\">\r\n <td class=\"py-5 px-6 font-bold text-brand text-xl\">XL<\/td>\r\n <td class=\"py-5 px-6\">44\"<\/td>\r\n <td class=\"py-5 px-6\">29\"<\/td>\r\n <td class=\"py-5 px-6 hidden sm:table-cell text-slate-400\">80 - 90 kg<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-dark-surface\/50 transition-colors\">\r\n <td class=\"py-5 px-6 font-bold text-brand text-xl\">XXL<\/td>\r\n <td class=\"py-5 px-6\">46\"<\/td>\r\n <td class=\"py-5 px-6\">30\"<\/td>\r\n <td class=\"py-5 px-6 hidden sm:table-cell text-slate-400\">90 - 100 kg<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Reviews -->\r\n<section id=\"reviews\" class=\"py-24 bg-dark-surface\/40 border-y border-dark-border\">\r\n <div class=\"max-w-6xl mx-auto px-4\">\r\n <div class=\"flex flex-col items-center mb-16 reveal\">\r\n <div class=\"flex text-yellow-400 text-xl mb-4\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n <h3 class=\"text-3xl font-bold text-white mb-2\">\u0997\u09cd\u09b0\u09be\u09b9\u0995\u09a6\u09c7\u09b0 \u09ae\u09a4\u09be\u09ae\u09a4<\/h3>\r\n <p class=\"text-slate-400 font-outfit\">1,247+ Verified Buyers<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-6\">\r\n <div class=\"bg-dark-surface border border-dark-border p-8 rounded-3xl relative\">\r\n <div class=\"flex text-yellow-400 text-sm gap-1 mb-4 relative z-10\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n <i class=\"fas fa-quote-right absolute top-8 right-8 text-4xl text-dark-border\"><\/i>\r\n <p class=\"text-slate-300 mb-8 relative z-10 leading-relaxed\">\"\u0996\u09c1\u09ac\u0987 \u0986\u09b0\u09be\u09ae\u09a6\u09be\u09af\u09bc\u0995 \u099f\u09bf-\u09b6\u09be\u09b0\u09cd\u099f\u0964 \u09ab\u09c7\u09ac\u09cd\u09b0\u09bf\u0995\u099f\u09be \u0985\u09a8\u09c7\u0995 \u09b8\u09ab\u099f\u0964 \u09b2\u09c7\u09ad\u09bf\u09b8\u09c7\u09b0 \u09b2\u09cb\u0997\u09cb \u09ab\u09bf\u09a8\u09bf\u09b6\u09bf\u0982 \u09a6\u09be\u09b0\u09c1\u09a3\u0964 \u098f\u0987 \u09ac\u09be\u099c\u09c7\u099f\u09c7 \u09ac\u09c7\u09b8\u09cd\u099f \u09aa\u09cd\u09b0\u09cb\u09a1\u09be\u0995\u09cd\u099f\u0964\"<\/p>\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-brand\/30 to-brand\/5 border border-brand\/50 text-brand flex items-center justify-center font-bold font-outfit\">\u0986<\/div>\r\n <div>\r\n <h5 class=\"text-white font-bold\">\u0986\u09b0\u09bf\u09ab \u09b9\u09cb\u09b8\u09c7\u09a8<\/h5>\r\n <p class=\"text-xs text-brand mt-0.5\"><i class=\"fas fa-check-circle\"><\/i> \u09ad\u09c7\u09b0\u09bf\u09ab\u09be\u0987\u09a1 \u09ac\u09be\u09df\u09be\u09b0<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-dark-surface border border-dark-border p-8 rounded-3xl relative\">\r\n <div class=\"flex text-yellow-400 text-sm gap-1 mb-4 relative z-10\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n <i class=\"fas fa-quote-right absolute top-8 right-8 text-4xl text-dark-border\"><\/i>\r\n <p class=\"text-slate-300 mb-8 relative z-10 leading-relaxed\">\"\u099b\u09ac\u09bf\u09b0 \u09ae\u09a4\u09cb\u0987 \u09aa\u09c7\u09af\u09bc\u09c7\u099b\u09bf\u0964 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u0996\u09c1\u09ac \u09a6\u09cd\u09b0\u09c1\u09a4 \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964 \u0995\u09ae\u09cd\u09ac\u09cb \u09aa\u09cd\u09af\u09be\u0995 \u09a8\u09c7\u0993\u09af\u09bc\u09be\u09af\u09bc \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u099a\u09be\u09b0\u09cd\u099c \u09ab\u09cd\u09b0\u09bf \u09aa\u09c7\u09af\u09bc\u09c7\u099b\u09bf\u0964\"<\/p>\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-brand\/30 to-brand\/5 border border-brand\/50 text-brand flex items-center justify-center font-bold font-outfit\">\u09b8\u09be<\/div>\r\n <div>\r\n <h5 class=\"text-white font-bold\">\u09b8\u09be\u09ab\u09be\u09af\u09bc\u09c7\u09a4 \u0995\u09b0\u09bf\u09ae<\/h5>\r\n <p class=\"text-xs text-brand mt-0.5\"><i class=\"fas fa-check-circle\"><\/i> \u09ad\u09c7\u09b0\u09bf\u09ab\u09be\u0987\u09a1 \u09ac\u09be\u09df\u09be\u09b0<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-dark-surface border border-dark-border p-8 rounded-3xl relative\">\r\n <div class=\"flex text-yellow-400 text-sm gap-1 mb-4 relative z-10\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n <i class=\"fas fa-quote-right absolute top-8 right-8 text-4xl text-dark-border\"><\/i>\r\n <p class=\"text-slate-300 mb-8 relative z-10 leading-relaxed\">\"\u09e8\u099f\u09bf \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c7\u099b\u09bf\u09b2\u09be\u09ae, \u09b8\u09be\u0987\u099c \u09ab\u09bf\u099f\u09bf\u0982 \u098f\u0995\u09a6\u09ae \u09aa\u09be\u09b0\u09ab\u09c7\u0995\u09cd\u099f\u0964 \u0995\u09be\u09aa\u09a1\u09bc \u09a7\u09cb\u09af\u09bc\u09be\u09b0 \u09aa\u09b0\u0993 \u09b0\u0999 \u0993\u09a0\u09c7\u09a8\u09bf\u0964 \u09e7\u09e6\u09e6% \u09b0\u09c7\u0995\u09ae\u09c7\u09a8\u09cd\u09a1\u09c7\u09a1\u0964\"<\/p>\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-brand\/30 to-brand\/5 border border-brand\/50 text-brand flex items-center justify-center font-bold font-outfit\">\u09ae\u09c7<\/div>\r\n <div>\r\n <h5 class=\"text-white font-bold\">\u09ae\u09c7\u09b9\u09c7\u09a6\u09c0 \u09b9\u09be\u09b8\u09be\u09a8<\/h5>\r\n <p class=\"text-xs text-brand mt-0.5\"><i class=\"fas fa-check-circle\"><\/i> \u09ad\u09c7\u09b0\u09bf\u09ab\u09be\u0987\u09a1 \u09ac\u09be\u09df\u09be\u09b0<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section id=\"faq\" class=\"py-20 bg-dark-bg\">\r\n <div class=\"max-w-3xl mx-auto px-4\">\r\n <h3 class=\"text-3xl font-bold text-white mb-10 text-center reveal\">\u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u099c\u09bf\u099c\u09cd\u099e\u09be\u09b8\u09be<\/h3>\r\n \r\n <div class=\"space-y-4\">\r\n <div class=\"border border-dark-border bg-dark-bg rounded-2xl overflow-hidden\" x-data=\"{ open: false }\">\r\n <button @click=\"open = !open\" class=\"w-full px-6 py-5 text-left flex justify-between items-center focus:outline-none\">\r\n <span class=\"font-bold text-white\">\u099f\u09bf-\u09b6\u09be\u09b0\u09cd\u099f\u09c7\u09b0 \u0995\u09be\u09aa\u09dc \u0995\u09bf \u0997\u09b0\u09ae\u09c7 \u0986\u09b0\u09be\u09ae\u09a6\u09be\u09df\u0995 \u09b9\u09ac\u09c7?<\/span>\r\n <i class=\"fas fa-plus text-brand transition-transform duration-300\" :class=\"open ? 'rotate-45' : ''\"><\/i>\r\n <\/button>\r\n <div x-show=\"open\" x-collapse>\r\n <div class=\"px-6 pb-5 text-slate-400 text-sm leading-relaxed border-t border-dark-border pt-4\">\r\n \u099c\u09bf, \u0985\u09ac\u09b6\u09cd\u09af\u0987\u0964 \u098f\u099f\u09bf \u09e7\u09e6\u09e6% \u0995\u09ae\u09cd\u09ac\u09a1 \u0995\u099f\u09a8 (\u09e7\u09ec\u09e6-\u09e7\u09ed\u09e6 \u099c\u09bf\u098f\u09b8\u098f\u09ae) \u09a6\u09bf\u09df\u09c7 \u09a4\u09c8\u09b0\u09bf, \u09af\u09be \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u09ac\u09cd\u09b0\u09bf\u09a6\u09c7\u09ac\u09b2\u0964 \u09a4\u09c0\u09ac\u09cd\u09b0 \u0997\u09b0\u09ae\u09c7\u0993 \u098f\u099f\u09bf \u09aa\u09b0\u09b2\u09c7 \u0986\u09aa\u09a8\u09bf \u09b8\u09b0\u09cd\u09ac\u09cb\u099a\u09cd\u099a \u0986\u09b0\u09be\u09ae \u0985\u09a8\u09c1\u09ad\u09ac \u0995\u09b0\u09ac\u09c7\u09a8\u0964\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"border border-dark-border bg-dark-bg rounded-2xl overflow-hidden\" x-data=\"{ open: false }\">\r\n <button @click=\"open = !open\" class=\"w-full px-6 py-5 text-left flex justify-between items-center focus:outline-none\">\r\n <span class=\"font-bold text-white\">\u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09aa\u09c7\u09a4\u09c7 \u0995\u09a4\u09a6\u09bf\u09a8 \u09b8\u09ae\u09df \u09b2\u09be\u0997\u09ac\u09c7?<\/span>\r\n <i class=\"fas fa-plus text-brand transition-transform duration-300\" :class=\"open ? 'rotate-45' : ''\"><\/i>\r\n <\/button>\r\n <div x-show=\"open\" x-collapse>\r\n <div class=\"px-6 pb-5 text-slate-400 text-sm leading-relaxed border-t border-dark-border pt-4\">\r\n \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09a8\u09ab\u09be\u09b0\u09cd\u09ae \u0995\u09b0\u09be\u09b0 \u09aa\u09b0 \u09a2\u09be\u0995\u09be\u09b0 \u09ad\u09c7\u09a4\u09b0 \u09e8\u09ea-\u09ea\u09ee \u0998\u09a3\u09cd\u099f\u09be\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u098f\u09ac\u0982 \u09a2\u09be\u0995\u09be\u09b0 \u09ac\u09be\u0987\u09b0\u09c7 \u09e8-\u09ea \u0995\u09be\u09b0\u09cd\u09af\u09a6\u09bf\u09ac\u09b8\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09b9\u09cb\u09ae \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09aa\u09c7\u09df\u09c7 \u09af\u09be\u09ac\u09c7\u09a8\u0964\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border border-dark-border bg-dark-bg rounded-2xl overflow-hidden\" x-data=\"{ open: false }\">\r\n <button @click=\"open = !open\" class=\"w-full px-6 py-5 text-left flex justify-between items-center focus:outline-none\">\r\n <span class=\"font-bold text-white\">\u09b8\u09be\u0987\u099c \u09a8\u09be \u09ae\u09bf\u09b2\u09b2\u09c7 \u0995\u09bf \u098f\u0995\u09cd\u09b8\u099a\u09c7\u099e\u09cd\u099c \u0995\u09b0\u09be \u09af\u09be\u09ac\u09c7?<\/span>\r\n <i class=\"fas fa-plus text-brand transition-transform duration-300\" :class=\"open ? 'rotate-45' : ''\"><\/i>\r\n <\/button>\r\n <div x-show=\"open\" x-collapse>\r\n <div class=\"px-6 pb-5 text-slate-400 text-sm leading-relaxed border-t border-dark-border pt-4\">\r\n \u09b9\u09cd\u09af\u09be\u0981, \u09aa\u09cd\u09b0\u09cb\u09a1\u09be\u0995\u09cd\u099f \u09b9\u09be\u09a4\u09c7 \u09aa\u09c7\u09df\u09c7 \u099a\u09c7\u0995 \u0995\u09b0\u09c7 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09ae\u09cd\u09af\u09be\u09a8 \u09a5\u09be\u0995\u09be \u0985\u09ac\u09b8\u09cd\u09a5\u09be\u09df \u0995\u09cb\u09a8\u09cb \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09aa\u09c7\u09b2\u09c7 \u09b0\u09bf\u099f\u09be\u09b0\u09cd\u09a8 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964 \u09b6\u09b0\u09cd\u09a4\u09b8\u09be\u09aa\u09c7\u0995\u09cd\u09b7\u09c7 \u09b8\u09be\u0987\u099c \u098f\u0995\u09cd\u09b8\u099a\u09c7\u099e\u09cd\u099c \u0995\u09b0\u09be\u09b0 \u09b8\u09c1\u09ac\u09bf\u09a7\u09be\u0993 \u09b0\u09df\u09c7\u099b\u09c7\u0964\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Footer -->\r\n<footer class=\"bg-dark-bg pt-12 sm:pt-16 border-t border-dark-border\">\r\n <div class=\"max-w-6xl mx-auto px-5 sm:px-4\">\r\n <div class=\"grid sm:grid-cols-2 md:grid-cols-3 gap-8 sm:gap-10 pb-10 sm:pb-12 border-b border-dark-border text-center sm:text-left\">\r\n\r\n <div class=\"flex flex-col items-center sm:items-start col-span-2 md:col-span-1\">\r\n <img decoding=\"async\" src=\"https:\/\/offer.bostrobari.com\/wp-content\/uploads\/2026\/07\/cropped-WhatsApp_Image_2026-07-07_at_8.29.46_PM-removebg-preview.png\" alt=\"Bostrobari Logo\" class=\"h-12 w-auto mb-3 rounded-md\">\r\n <p class=\"text-slate-500 text-sm mb-6\">Premium Quality \u2022 Exclusive Drops<\/p>\r\n <div class=\"flex gap-3\">\r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61591787255533\" target=\"_blank\" class=\"w-10 h-10 rounded-full border border-dark-border text-slate-400 flex items-center justify-center hover:bg-brand hover:text-dark-bg hover:border-brand transition-all\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"https:\/\/wa.me\/8801715288674\" class=\"w-10 h-10 rounded-full border border-dark-border text-slate-400 flex items-center justify-center hover:bg-brand hover:text-dark-bg hover:border-brand transition-all\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <a href=\"mailto:bostrobari1@gmail.com\" class=\"w-10 h-10 rounded-full border border-dark-border text-slate-400 flex items-center justify-center hover:bg-brand hover:text-dark-bg hover:border-brand transition-all\"><i class=\"fas fa-envelope\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center sm:items-start\">\r\n <h3 class=\"text-white font-outfit font-bold text-sm uppercase tracking-widest mb-4\">\u0995\u09c1\u0987\u0995 \u09b2\u09bf\u0982\u0995<\/h3>\r\n <div class=\"grid grid-cols-2 sm:flex sm:flex-col gap-x-6 gap-y-3 text-sm text-slate-400 w-full sm:w-auto\">\r\n <button @click=\"scrollTo('combos')\" class=\"hover:text-brand transition-colors text-center sm:text-left\">\u09aa\u09cd\u09af\u09be\u0995 \u0993 \u09a6\u09be\u09ae<\/button>\r\n <button @click=\"scrollTo('specs')\" class=\"hover:text-brand transition-colors text-center sm:text-left\">\u09b8\u09cd\u09aa\u09c7\u09b8\u09bf\u09ab\u09bf\u0995\u09c7\u09b6\u09a8<\/button>\r\n <button @click=\"scrollTo('reviews')\" class=\"hover:text-brand transition-colors text-center sm:text-left\">\u0995\u09be\u09b8\u09cd\u099f\u09ae\u09be\u09b0 \u09b0\u09bf\u09ad\u09bf\u0989<\/button>\r\n <button @click=\"scrollTo('faq')\" class=\"hover:text-brand transition-colors text-center sm:text-left\">\u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u099c\u09bf\u099c\u09cd\u099e\u09be\u09b8\u09be<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center sm:items-start\">\r\n <h3 class=\"text-white font-outfit font-bold text-sm uppercase tracking-widest mb-4\">\u09af\u09cb\u0997\u09be\u09af\u09cb\u0997<\/h3>\r\n <div class=\"flex flex-col items-center sm:items-start gap-3 text-sm text-slate-400\">\r\n <a href=\"tel:01715288674\" class=\"hover:text-brand transition-colors flex items-center gap-2\"><i class=\"fas fa-phone-alt text-brand w-4\"><\/i> 01715-288674<\/a>\r\n <a href=\"https:\/\/wa.me\/8801715288674\" class=\"hover:text-brand transition-colors flex items-center gap-2\"><i class=\"fab fa-whatsapp text-brand w-4\"><\/i> WhatsApp<\/a>\r\n <a href=\"mailto:bostrobari1@gmail.com\" class=\"hover:text-brand transition-colors flex items-center gap-2 break-all\"><i class=\"fas fa-envelope text-brand w-4 flex-shrink-0\"><\/i> bostrobari1@gmail.com<\/a>\r\n <a href=\"https:\/\/maps.app.goo.gl\/snZzRGFRd1XrJsMDA\" target=\"_blank\" class=\"hover:text-brand transition-colors flex items-start gap-2 text-center sm:text-left\"><i class=\"fas fa-map-marker-alt text-brand w-4 flex-shrink-0 mt-0.5\"><\/i> <span>House-47, Lake Drive Rd, Sector-07,<br>Uttara Model Town, Dhaka-1230<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"py-6 flex flex-col sm:flex-row items-center justify-between gap-4 text-center sm:text-left\">\r\n <p class=\"font-outfit text-xs text-slate-600 uppercase tracking-widest\">© 2026 Bostrobari. All Rights Reserved.<\/p>\r\n <div class=\"flex items-center gap-4 text-slate-600 text-xs\">\r\n <span class=\"flex items-center gap-1.5\"><i class=\"fas fa-lock text-brand\"><\/i> \u09a8\u09bf\u09b0\u09be\u09aa\u09a6 \u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f<\/span>\r\n <span class=\"flex items-center gap-1.5\"><i class=\"fas fa-truck text-brand\"><\/i> \u09b8\u09be\u09b0\u09be\u09a6\u09c7\u09b6\u09c7 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"h-32 sm:h-28\"><\/div>\r\n<\/footer>\r\n\r\n<!-- Sticky Checkout Bar -->\r\n<div class=\"fixed bottom-0 left-0 w-full glass-dark border-t border-brand\/20 p-4 sm:p-5 z-40 transform transition-transform duration-500 flex justify-center shadow-[0_-10px_40px_rgba(0,0,0,0.6)]\"\r\n x-data=\"{ show: false }\" \r\n @scroll.window=\"show = (window.pageYOffset > 400)\"\r\n :class=\"show ? 'translate-y-0' : 'translate-y-full'\">\r\n \r\n <div class=\"max-w-6xl w-full mx-auto flex items-center justify-between gap-4 px-2\">\r\n <div class=\"hidden sm:flex flex-col\">\r\n <p class=\"text-slate-400 text-xs uppercase tracking-widest font-outfit mb-1\">Exclusive Drop<\/p>\r\n <div class=\"flex items-end gap-3\">\r\n <p class=\"font-outfit text-3xl font-black text-white leading-none\">\u09f3250<\/p>\r\n <p class=\"text-slate-500 line-through text-sm font-outfit mb-0.5\">\u09f3300<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"block sm:hidden flex-shrink-0\">\r\n <p class=\"font-outfit text-2xl font-black text-white leading-none\">\u09f3250<\/p>\r\n <p class=\"text-[10px] text-brand uppercase tracking-widest mt-1\">In Stock<\/p>\r\n <\/div>\r\n \r\n <button @click=\"scrollTo('combos')\" class=\"w-full sm:w-[320px] bg-brand hover:bg-[#ff8f47] text-dark-bg text-center py-3.5 sm:py-4 rounded-xl font-bold text-lg shadow-[0_0_20px_rgba(255,122,40,0.3)] hover:shadow-[0_0_30px_rgba(255,122,40,0.5)] hover:-translate-y-1 transition-all flex justify-center items-center gap-3\">\r\n <i class=\"fas fa-shopping-bag\"><\/i> \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\r\n <\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- Floating WhatsApp Action -->\r\n<a href=\"https:\/\/wa.me\/8801715288674\" target=\"_blank\" class=\"fixed bottom-28 lg:bottom-8 right-4 lg:right-8 z-40 w-14 h-14 bg-brand text-dark-bg rounded-full flex items-center justify-center text-3xl shadow-[0_0_20px_rgba(255,122,40,0.4)] hover:scale-110 transition-transform\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n<\/a>\r\n\r\n<!-- Live Notification Toast -->\r\n<div class=\"fixed top-24 left-4 z-50 transition-all duration-500 max-w-[280px]\"\r\n :class=\"showToast ? 'translate-x-0 opacity-100' : '-translate-x-[150%] opacity-0'\">\r\n <div class=\"glass-dark border border-brand\/30 p-3 rounded-2xl flex items-center gap-4 shadow-2xl\">\r\n <div class=\"w-2 h-2 rounded-full bg-brand animate-pulse flex-shrink-0\"><\/div>\r\n <div>\r\n <p class=\"text-xs font-outfit text-slate-400 mb-0.5\"><span x-text=\"toastBuyer.time\"><\/span><\/p>\r\n <p class=\"text-sm text-white\">\r\n <strong x-text=\"toastBuyer.name\"><\/strong> <span class=\"text-slate-300 font-light\">\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c7\u099b\u09c7\u09a8<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- Full Screen Lightbox -->\r\n<div x-show=\"lightboxOpen\" \r\n class=\"fixed inset-0 z-[100] bg-dark-bg\/95 backdrop-blur-xl flex flex-col\"\r\n x-transition.opacity.duration.300ms\r\n x-cloak>\r\n \r\n <div class=\"p-6 flex justify-between items-center border-b border-dark-border\">\r\n <div class=\"font-outfit text-white tracking-widest uppercase text-sm\">Gallery <span class=\"text-brand ml-2\" x-text=\"(activeImgIndex + 1) + ' \/ ' + images.length\"><\/span><\/div>\r\n <button @click=\"lightboxOpen = false\" class=\"text-slate-400 hover:text-white text-2xl transition-colors\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <\/div>\r\n \r\n <div class=\"flex-1 relative flex items-center justify-center p-4\">\r\n <button @click.stop=\"prevImage()\" class=\"absolute left-4 lg:left-12 w-12 h-12 rounded-full glass-dark text-white flex items-center justify-center hover:bg-white\/10 transition-colors z-10\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n \r\n <img :src=\"images[activeImgIndex]\" class=\"max-h-full max-w-full object-contain\" @click.away=\"lightboxOpen = false\">\r\n \r\n <button @click.stop=\"nextImage()\" class=\"absolute right-4 lg:right-12 w-12 h-12 rounded-full glass-dark text-white flex items-center justify-center hover:bg-white\/10 transition-colors z-10\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- Application Logic -->\r\n<script>\r\n document.addEventListener('alpine:init', () => {\r\n Alpine.data('pageLogic', () => ({\r\n images: [\r\n 'https:\/\/argentina.kayatrend.com\/wp-content\/uploads\/2026\/06\/Untitled-design.png',\r\n 'https:\/\/argentina.kayatrend.com\/wp-content\/uploads\/2026\/06\/3023fb6e-89e6-4a48-b4f7-dc21e7087339.jpeg',\r\n 'https:\/\/argentina.kayatrend.com\/wp-content\/uploads\/2026\/06\/ff0af2be-814b-4689-8d19-1d419c6ac113.jpeg',\r\n 'https:\/\/argentina.kayatrend.com\/wp-content\/uploads\/2026\/06\/f7b56e30-8fd8-4ad9-b30e-512cc6a65b32.jpeg',\r\n 'https:\/\/argentina.kayatrend.com\/wp-content\/uploads\/2026\/06\/549080ad-7be2-4244-ada1-85a7ce828642.jpeg'\r\n ],\r\n lightboxOpen: false,\r\n activeImgIndex: 0,\r\n activeSlide: 0,\r\n showToast: false,\r\n toastData: [\r\n { name: '\u0995\u09be\u09ae\u09b0\u09c1\u09b2 \u09b9\u09be\u09b8\u09be\u09a8 (\u09a2\u09be\u0995\u09be)', time: '2 MINS AGO' },\r\n { name: '\u09b6\u09be\u09b9\u09b0\u09bf\u09df\u09be\u09b0 (\u09b8\u09bf\u09b2\u09c7\u099f)', time: '5 MINS AGO' },\r\n { name: '\u0986\u09b8\u09bf\u09ab \u0986\u0995\u09ac\u09b0 (\u0996\u09c1\u09b2\u09a8\u09be)', time: 'JUST NOW' },\r\n { name: '\u09a4\u09be\u09a8\u09ad\u09c0\u09b0 \u09b0\u09a8\u09bf (\u09b0\u09be\u099c\u09b6\u09be\u09b9\u09c0)', time: '1 MIN AGO' }\r\n ],\r\n toastBuyer: {},\r\n toastIndex: 0,\r\n\r\n init() {\r\n window.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape') this.lightboxOpen = false;\r\n if (this.lightboxOpen) {\r\n if (e.key === 'ArrowRight') this.nextImage();\r\n if (e.key === 'ArrowLeft') this.prevImage();\r\n }\r\n });\r\n\r\n this.toastBuyer = this.toastData[0];\r\n setTimeout(() => { this.fireToast(); }, 3000);\r\n setInterval(() => { this.fireToast(); }, 14000);\r\n\r\n setInterval(() => {\r\n if(!this.lightboxOpen) {\r\n this.nextSlide();\r\n }\r\n }, 4000);\r\n\r\n const revealEls = document.querySelectorAll('.reveal');\r\n if ('IntersectionObserver' in window) {\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('in-view');\r\n io.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\r\n revealEls.forEach(el => io.observe(el));\r\n } else {\r\n revealEls.forEach(el => el.classList.add('in-view'));\r\n }\r\n\r\n this.tickCountdown();\r\n setInterval(() => this.tickCountdown(), 1000);\r\n },\r\n\r\n countdown: { h: '00', m: '00', s: '00' },\r\n tickCountdown() {\r\n const now = new Date();\r\n const end = new Date(now);\r\n end.setHours(23, 59, 59, 999);\r\n let diff = Math.max(0, end - now);\r\n const h = Math.floor(diff \/ 3600000);\r\n const m = Math.floor((diff % 3600000) \/ 60000);\r\n const s = Math.floor((diff % 60000) \/ 1000);\r\n this.countdown = {\r\n h: String(h).padStart(2, '0'),\r\n m: String(m).padStart(2, '0'),\r\n s: String(s).padStart(2, '0')\r\n };\r\n },\r\n\r\n scrollTo(id) {\r\n const el = document.getElementById(id);\r\n if (!el) return;\r\n const headerOffset = 64;\r\n const top = el.getBoundingClientRect().top + window.pageYOffset - headerOffset;\r\n window.scrollTo({ top, behavior: 'smooth' });\r\n },\r\n\r\n openImage(idx) {\r\n this.activeImgIndex = idx;\r\n this.lightboxOpen = true;\r\n },\r\n nextImage() {\r\n this.activeImgIndex = (this.activeImgIndex + 1) % this.images.length;\r\n },\r\n prevImage() {\r\n this.activeImgIndex = (this.activeImgIndex === 0) ? this.images.length - 1 : this.activeImgIndex - 1;\r\n },\r\n\r\n nextSlide() {\r\n this.activeSlide = (this.activeSlide === this.images.length - 1) ? 0 : this.activeSlide + 1;\r\n },\r\n prevSlide() {\r\n this.activeSlide = (this.activeSlide === 0) ? this.images.length - 1 : this.activeSlide - 1;\r\n },\r\n goToSlide(idx) {\r\n this.activeSlide = idx;\r\n },\r\n\r\n fireToast() {\r\n this.toastIndex = (this.toastIndex + 1) % this.toastData.length;\r\n this.toastBuyer = this.toastData[this.toastIndex];\r\n this.showToast = true;\r\n setTimeout(() => { this.showToast = false; }, 5000); \r\n }\r\n }));\r\n });\r\n<\/script>\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>Exclusive Edition | Levis Premium Polo \ud83d\udd25 Limited Edition Drop \u2022 Free Delivery on Combos \u2022 Premium Quality Guaranteed \u2022 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"disabled","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"disabled","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/offer.bostrobari.com\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/offer.bostrobari.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/offer.bostrobari.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/offer.bostrobari.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/offer.bostrobari.com\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":13,"href":"https:\/\/offer.bostrobari.com\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":196,"href":"https:\/\/offer.bostrobari.com\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/196"}],"wp:attachment":[{"href":"https:\/\/offer.bostrobari.com\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}