{"product_id":"rolex-datejust-analog-watch-for-men","title":"ROLEX Datejust Analog Watch For Men","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eRolex Datejust – DesiPrime\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400\u0026amp;family=Montserrat:wght@300;400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n  :root {\n    --gold: #C9A84C;\n    --gold-light: #E8C96A;\n    --gold-dark: #8B6914;\n    --silver: #C0C0C0;\n    --black: #0A0A0A;\n    --deep: #111111;\n    --champagne: #F5E6C8;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  body {\n    background: var(--black);\n    color: #fff;\n    font-family: 'Montserrat', sans-serif;\n    overflow-x: hidden;\n    cursor: default;\n  }\n\n  \/* ── HERO ── *\/\n  .hero {\n    min-height: 100vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n    padding: 60px 20px 40px;\n  }\n\n  .hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse 80% 60% at 50% 40%, #1a1200 0%, #0A0A0A 70%);\n  }\n\n  .gold-ring {\n    position: absolute;\n    border-radius: 50%;\n    border: 1px solid rgba(201,168,76,0.15);\n    animation: pulse-ring 4s ease-in-out infinite;\n  }\n  .gold-ring:nth-child(1) { width: 500px; height: 500px; top: 50%; left: 50%; transform: translate(-50%,-50%); animation-delay: 0s; }\n  .gold-ring:nth-child(2) { width: 700px; height: 700px; top: 50%; left: 50%; transform: translate(-50%,-50%); animation-delay: 1s; }\n  .gold-ring:nth-child(3) { width: 900px; height: 900px; top: 50%; left: 50%; transform: translate(-50%,-50%); animation-delay: 2s; }\n\n  @keyframes pulse-ring {\n    0%, 100% { opacity: 0.3; transform: translate(-50%,-50%) scale(1); }\n    50% { opacity: 0.06; transform: translate(-50%,-50%) scale(1.03); }\n  }\n\n  .brand-tag {\n    position: relative;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 5px;\n    color: var(--gold);\n    text-transform: uppercase;\n    margin-bottom: 18px;\n    animation: fadeDown 1s ease forwards;\n    opacity: 0;\n  }\n\n  .hero-title {\n    position: relative;\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(52px, 12vw, 96px);\n    font-weight: 300;\n    line-height: 0.95;\n    text-align: center;\n    letter-spacing: -1px;\n    animation: fadeDown 1s ease 0.2s forwards;\n    opacity: 0;\n  }\n\n  .hero-title span {\n    display: block;\n    background: linear-gradient(135deg, #fff 0%, var(--gold-light) 50%, #fff 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .hero-sub {\n    position: relative;\n    font-family: 'Cormorant Garamond', serif;\n    font-style: italic;\n    font-size: clamp(16px, 3vw, 22px);\n    color: rgba(255,255,255,0.5);\n    margin-top: 14px;\n    letter-spacing: 2px;\n    animation: fadeDown 1s ease 0.4s forwards;\n    opacity: 0;\n  }\n\n  .gold-line {\n    position: relative;\n    width: 80px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    margin: 28px auto;\n    animation: fadeDown 1s ease 0.5s forwards;\n    opacity: 0;\n  }\n\n  \/* ── COLOR SELECTOR ── *\/\n  .color-section {\n    position: relative;\n    width: 100%;\n    max-width: 900px;\n    text-align: center;\n    animation: fadeUp 1s ease 0.6s forwards;\n    opacity: 0;\n  }\n\n  .color-label {\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 4px;\n    color: rgba(255,255,255,0.35);\n    text-transform: uppercase;\n    margin-bottom: 20px;\n  }\n\n  .color-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    padding: 0 10px;\n  }\n\n  @media(min-width: 600px) {\n    .color-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; padding: 0; }\n  }\n\n  .color-card {\n    background: rgba(255,255,255,0.03);\n    border: 1px solid rgba(255,255,255,0.07);\n    border-radius: 12px;\n    padding: 18px 12px;\n    cursor: pointer;\n    transition: all 0.4s ease;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .color-card::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: 12px;\n    border: 1px solid transparent;\n    background: linear-gradient(135deg, var(--gold), transparent) border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n    opacity: 0;\n    transition: opacity 0.4s;\n  }\n\n  .color-card:hover::before,\n  .color-card.active::before { opacity: 1; }\n\n  .color-card:hover,\n  .color-card.active {\n    background: rgba(201,168,76,0.07);\n    transform: translateY(-4px);\n  }\n\n  .color-dot {\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    margin: 0 auto 10px;\n    border: 2px solid rgba(255,255,255,0.15);\n    position: relative;\n  }\n\n  .dot-black { background: radial-gradient(circle at 35% 35%, #555, #111); }\n  .dot-white { background: radial-gradient(circle at 35% 35%, #fff, #ddd); border-color: rgba(201,168,76,0.4); }\n  .dot-gold { background: radial-gradient(circle at 35% 35%, #f0d070, #b8860b); border-color: rgba(201,168,76,0.4); }\n  .dot-silver { background: radial-gradient(circle at 35% 35%, #e8e8e8, #a0a0a0); }\n\n  .color-name {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 15px;\n    font-weight: 400;\n    color: rgba(255,255,255,0.85);\n    margin-bottom: 3px;\n  }\n\n  .color-desc {\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 2px;\n    color: var(--gold);\n    text-transform: uppercase;\n  }\n\n  \/* ── FEATURES ── *\/\n  .features-section {\n    width: 100%;\n    max-width: 900px;\n    margin: 50px auto 0;\n    padding: 0 20px;\n    animation: fadeUp 1s ease 0.8s forwards;\n    opacity: 0;\n  }\n\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n\n  @media(min-width: 600px) {\n    .features-grid { grid-template-columns: repeat(3, 1fr); }\n  }\n\n  .feature-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 14px;\n    background: rgba(255,255,255,0.02);\n    border: 1px solid rgba(255,255,255,0.06);\n    border-radius: 8px;\n  }\n\n  .feature-icon {\n    font-size: 18px;\n    flex-shrink: 0;\n  }\n\n  .feature-text {\n    font-size: 11px;\n    font-weight: 500;\n    color: rgba(255,255,255,0.7);\n    letter-spacing: 0.5px;\n    line-height: 1.4;\n  }\n\n  \/* ── TAGLINE ── *\/\n  .tagline-section {\n    width: 100%;\n    max-width: 700px;\n    text-align: center;\n    margin: 50px auto 0;\n    padding: 0 20px;\n    animation: fadeUp 1s ease 1s forwards;\n    opacity: 0;\n  }\n\n  .tagline {\n    font-family: 'Cormorant Garamond', serif;\n    font-style: italic;\n    font-size: clamp(18px, 4vw, 28px);\n    font-weight: 300;\n    color: rgba(255,255,255,0.6);\n    line-height: 1.5;\n  }\n\n  .tagline strong {\n    color: var(--gold-light);\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  \/* ── PRICE SECTION ── *\/\n  .price-section {\n    width: 100%;\n    max-width: 500px;\n    margin: 50px auto 0;\n    text-align: center;\n    padding: 0 20px;\n    animation: fadeUp 1s ease 1.1s forwards;\n    opacity: 0;\n  }\n\n  .price-box {\n    background: linear-gradient(135deg, rgba(201,168,76,0.12), rgba(201,168,76,0.04));\n    border: 1px solid rgba(201,168,76,0.3);\n    border-radius: 16px;\n    padding: 30px 24px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .price-box::after {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: conic-gradient(transparent 0deg, rgba(201,168,76,0.06) 60deg, transparent 120deg);\n    animation: rotate-shine 6s linear infinite;\n  }\n\n  @keyframes rotate-shine {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n\n  .price-was {\n    font-size: 13px;\n    color: rgba(255,255,255,0.3);\n    text-decoration: line-through;\n    margin-bottom: 4px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .price-now {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(42px, 10vw, 64px);\n    font-weight: 600;\n    background: linear-gradient(135deg, var(--gold-light), #fff, var(--gold));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1;\n    position: relative;\n    z-index: 1;\n  }\n\n  .price-perks {\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    margin-top: 16px;\n    flex-wrap: wrap;\n    position: relative;\n    z-index: 1;\n  }\n\n  .perk {\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 1.5px;\n    color: var(--gold);\n    text-transform: uppercase;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n  }\n\n  .perk::before { content: '✓'; }\n\n  \/* ── CTA BUTTON ── *\/\n  .cta-btn {\n    display: inline-block;\n    margin-top: 28px;\n    padding: 16px 48px;\n    background: linear-gradient(135deg, var(--gold-dark), var(--gold), var(--gold-light));\n    color: #000;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    border: none;\n    border-radius: 50px;\n    cursor: pointer;\n    position: relative;\n    z-index: 1;\n    transition: all 0.3s ease;\n    text-decoration: none;\n    box-shadow: 0 8px 32px rgba(201,168,76,0.35);\n  }\n\n  .cta-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 16px 48px rgba(201,168,76,0.5);\n    letter-spacing: 4px;\n  }\n\n  \/* ── URGENCY BADGE ── *\/\n  .urgency {\n    margin-top: 18px;\n    font-size: 11px;\n    font-weight: 600;\n    color: #ff6b6b;\n    letter-spacing: 1px;\n    animation: blink-soft 2s ease-in-out infinite;\n    position: relative;\n    z-index: 1;\n  }\n\n  @keyframes blink-soft {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n  }\n\n  \/* ── FOOTER BRAND ── *\/\n  .footer-brand {\n    text-align: center;\n    margin-top: 60px;\n    padding: 30px 20px;\n    border-top: 1px solid rgba(255,255,255,0.05);\n    animation: fadeUp 1s ease 1.3s forwards;\n    opacity: 0;\n  }\n\n  .footer-brand-name {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 28px;\n    font-weight: 600;\n    letter-spacing: 6px;\n    background: linear-gradient(135deg, var(--gold), #fff);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .footer-brand-url {\n    font-size: 10px;\n    letter-spacing: 3px;\n    color: rgba(255,255,255,0.25);\n    margin-top: 4px;\n    text-transform: uppercase;\n  }\n\n  \/* ── ANIMATIONS ── *\/\n  @keyframes fadeDown {\n    from { opacity: 0; transform: translateY(-20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\u003c\/style\u003e\n\n\n\n\u003csection class=\"hero\"\u003e\n  \u003c!-- decorative rings --\u003e\n  \u003cdiv class=\"gold-ring\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"gold-ring\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"gold-ring\"\u003e\u003c\/div\u003e\n\n  \u003cp class=\"brand-tag\"\u003eDesiPrime Exclusive\u003c\/p\u003e\n\n  \u003ch1 class=\"hero-title\"\u003e\n    \u003cspan\u003eRolex\u003c\/span\u003e\n    \u003cspan\u003eDatejust\u003c\/span\u003e\n  \u003c\/h1\u003e\n  \u003cp class=\"hero-sub\"\u003eBorn to Command Attention\u003c\/p\u003e\n\n  \u003cdiv class=\"gold-line\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Color Selector --\u003e\n  \u003cdiv class=\"color-section\"\u003e\n    \u003cp class=\"color-label\"\u003eChoose Your Statement\u003c\/p\u003e\n    \u003cdiv class=\"color-grid\"\u003e\n      \u003cdiv class=\"color-card active\" onclick=\"selectColor(this)\"\u003e\n        \u003cdiv class=\"color-dot dot-black\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"color-name\"\u003eMidnight Black\u003c\/div\u003e\n        \u003cdiv class=\"color-desc\"\u003eBold \u0026amp; Mysterious\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"color-card\" onclick=\"selectColor(this)\"\u003e\n        \u003cdiv class=\"color-dot dot-white\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"color-name\"\u003ePearl White\u003c\/div\u003e\n        \u003cdiv class=\"color-desc\"\u003eClean \u0026amp; Classy\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"color-card\" onclick=\"selectColor(this)\"\u003e\n        \u003cdiv class=\"color-dot dot-gold\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"color-name\"\u003eChampagne Gold\u003c\/div\u003e\n        \u003cdiv class=\"color-desc\"\u003eRich \u0026amp; Royal\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"color-card\" onclick=\"selectColor(this)\"\u003e\n        \u003cdiv class=\"color-dot dot-silver\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"color-name\"\u003eLunar Silver\u003c\/div\u003e\n        \u003cdiv class=\"color-desc\"\u003eSleek \u0026amp; Timeless\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Features --\u003e\n  \u003cdiv class=\"features-section\"\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n      \u003cdiv class=\"feature-item\"\u003e\n        \u003cspan class=\"feature-icon\"\u003e🔗\u003c\/span\u003e\n        \u003cspan class=\"feature-text\"\u003eHeavy Stainless Steel Body \u0026amp; Band\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-item\"\u003e\n        \u003cspan class=\"feature-icon\"\u003e💎\u003c\/span\u003e\n        \u003cspan class=\"feature-text\"\u003eCrystal Diamond Hour Markers\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-item\"\u003e\n        \u003cspan class=\"feature-icon\"\u003e📅\u003c\/span\u003e\n        \u003cspan class=\"feature-text\"\u003eWorking Date Display\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-item\"\u003e\n        \u003cspan class=\"feature-icon\"\u003e🌸\u003c\/span\u003e\n        \u003cspan class=\"feature-text\"\u003eSignature Fluted Bezel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-item\"\u003e\n        \u003cspan class=\"feature-icon\"\u003e🔒\u003c\/span\u003e\n        \u003cspan class=\"feature-text\"\u003ePremium Butterfly Lock Clasp\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-item\"\u003e\n        \u003cspan class=\"feature-icon\"\u003e📦\u003c\/span\u003e\n        \u003cspan class=\"feature-text\"\u003eGift Box Included\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Tagline --\u003e\n  \u003cdiv class=\"tagline-section\"\u003e\n    \u003cp class=\"tagline\"\u003e\n      Kuch ghariyan sirf waqt nahi batati —\u003cbr\u003e\n      woh aapki \u003cstrong\u003eauqaat\u003c\/strong\u003e batati hain.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Price --\u003e\n  \u003cdiv class=\"price-section\"\u003e\n    \u003cdiv class=\"price-box\"\u003e\n      \u003cp class=\"price-was\"\u003e₹5,999\u003c\/p\u003e\n      \u003cp class=\"price-now\"\u003e₹1,499\u003c\/p\u003e\n      \u003cdiv class=\"price-perks\"\u003e\n        \u003cspan class=\"perk\"\u003eFree Shipping\u003c\/span\u003e\n        \u003cspan class=\"perk\"\u003eSame Day Dispatch\u003c\/span\u003e\n        \u003cspan class=\"perk\"\u003eCOD Available\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ca href=\"https:\/\/desiprime.in\" class=\"cta-btn\"\u003eOrder Now\u003c\/a\u003e\n      \u003cp class=\"urgency\"\u003e🔥 Limited Stock — Jaldi Karo!\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Footer Brand --\u003e\n  \u003cdiv class=\"footer-brand\"\u003e\n    \u003cdiv class=\"footer-brand-name\"\u003eDESIPRIME\u003c\/div\u003e\n    \u003cdiv class=\"footer-brand-url\"\u003edesiprime.in\u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  function selectColor(card) {\n    document.querySelectorAll('.color-card').forEach(c =\u003e c.classList.remove('active'));\n    card.classList.add('active');\n  }\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Desiprime.in","offers":[{"title":"Default Title","offer_id":47519766216953,"sku":"SHR-WATCH-002","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0801\/8876\/8505\/files\/WhatsAppImage2026-03-15at10.59.51PM.jpg?v=1773602913","url":"https:\/\/desiprime.in\/products\/rolex-datejust-analog-watch-for-men","provider":"Desiprime.in","version":"1.0","type":"link"}