{"id":4537,"date":"2026-06-23T17:28:08","date_gmt":"2026-06-23T17:28:08","guid":{"rendered":"https:\/\/tannino.ge\/?page_id=4537"},"modified":"2026-08-22T01:17:58","modified_gmt":"2026-08-22T01:17:58","slug":"warapi","status":"publish","type":"page","link":"https:\/\/tannino.ge\/en\/warapi\/","title":{"rendered":"warapi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4537\" class=\"elementor elementor-4537\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2893875 e-con-full e-flex e-con e-parent\" data-id=\"2893875\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7211355 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7211355\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ================================================================= -->\r\n<!--  TANNINO \u2014 \u10ec\u10d0\u10e0\u10d0\u10e4\u10d8 (SINGLE WINE) \u00b7 PREMIUM v4.0                    -->\r\n<!--  \u10e9\u10d0\u10e1\u10d5\u10d8 \u10d4\u10e0\u10d7 Elementor \"HTML\" \u10d5\u10d8\u10ef\u10d4\u10e2\u10e8\u10d8 \u00b7 \u10d2\u10d5\u10d4\u10e0\u10d3\u10d8\u10e1 template: Canvas    -->\r\n<!--  \u2714 \u10d8\u10d2\u10d8\u10d5\u10d4 \u10f0\u10dd\u10d5\u10d4\u10e0\u10d4\u10d1\u10d8\/\u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10d0\u10dc\u10d8\u10db\u10d0\u10ea\u10d8\u10d4\u10d1\u10d8, \u10e0\u10d0\u10ea \u10e1\u10ee\u10d5\u10d0 \u10d2\u10d5\u10d4\u10e0\u10d3\u10d4\u10d1\u10d6\u10d4           -->\r\n<!--  \u2714 \u10e1\u10e0\u10e3\u10da\u10d8 responsive: \u10d3\u10d4\u10e1\u10d9\u10e2\u10dd\u10de\u10d8 \/ \u10da\u10d4\u10de\u10e2\u10dd\u10de\u10d8 \/ \u10e2\u10d0\u10d1\u10da\u10d4\u10e2\u10d8 \/ \u10db\u10dd\u10d1\u10d8\u10da\u10e3\u10e0\u10d8      -->\r\n<!-- ================================================================= -->\r\n\r\n<!-- \u10e4\u10dd\u10dc\u10e2\u10d4\u10d1\u10d8\u10e1 preconnect \u2014 @import-\u10d6\u10d4 \u10e1\u10ec\u10e0\u10d0\u10e4\u10d8 -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..600;1,9..144,300..500&family=Noto+Sans+Georgian:wght@300..700&family=Noto+Serif+Georgian:wght@400..600&display=swap\">\r\n\r\n<div class=\"tn tn-wine-single\">\r\n<div class=\"tn-prog\" id=\"tnProg\"><\/div>\r\n<div class=\"tn-grain\" aria-hidden=\"true\"><\/div>\r\n\r\n<style>\r\n\/* ===== \u10e4\u10dd\u10e2\u10dd\u10d4\u10d1\u10d8\u10e1 \u10d1\u10db\u10e3\u10da\u10d4\u10d1\u10d8 ===== *\/\r\n.tn-wine-single{\r\n  --img-hero:    url('https:\/\/tannino.ge\/wp-content\/uploads\/2026\/06\/\u10e7\u10d5\u10d8\u10d7\u10d4\u10da\u10d8-\u10d1\u10dd\u10d7\u10da\u10d8.jpeg'); \/* \u10ec\u10d0\u10e0\u10d0\u10e4\u10d8\u10e1 \u10d1\u10dd\u10d7\u10da\u10d8 \u10d0\u10dc \u10e5\u10d5\u10d4\u10d5\u10e0\u10d8\u10e1 \u10e4\u10dd\u10e2\u10dd *\/\r\n  --img-product: url('https:\/\/tannino.ge\/wp-content\/uploads\/2026\/06\/\u10e7\u10d5\u10d8\u10d7\u10d4\u10da\u10d8-\u10d1\u10dd\u10d7\u10da\u10d8.jpeg'); \/* \u10ec\u10d0\u10e0\u10d0\u10e4\u10d8\u10e1 \u10d1\u10dd\u10d7\u10da\u10d8 *\/\r\n  --img-band:    url('https:\/\/tannino.ge\/wp-content\/uploads\/2026\/06\/\u10e7\u10d5\u10d8\u10d7\u10d4\u10da\u10d8-\u10d1\u10dd\u10d7\u10da\u10d8-\u10ed\u10d8\u10e5\u10d8\u10d7.jpeg');\r\n}\r\n\r\n\/* ===== Elementor full-width fix & resets ===== *\/\r\nhtml,body{margin:0!important;padding:0!important;overflow-x:hidden!important;background:#F6EEDC!important}\r\nbody .elementor,body .elementor-section,body .elementor-container,body .elementor-row,\r\nbody .elementor-column,body .elementor-column-wrap,body .elementor-widget-wrap,\r\nbody .elementor-widget,body .elementor-widget-html,body .elementor-widget-container,\r\nbody .e-con,body .e-con-inner,body .e-con-boxed,body .e-parent,body .e-child,body .e-con-full{\r\n  padding:0!important;margin:0!important;max-width:100%!important;width:100%!important}\r\n.tn{position:relative;width:100vw;max-width:100vw;left:50%;right:50%;\r\n  margin-left:-50vw!important;margin-right:-50vw!important;overflow-x:clip}\r\n\r\n\/* ===== \u10de\u10d0\u10da\u10d8\u10e2\u10e0\u10d0 + reset ===== *\/\r\n.tn *{margin:0;padding:0;box-sizing:border-box}\r\n.tn{box-sizing:border-box;\r\n  --parchment:#F6EEDC;--cream:#FCF8EF;--paper:#FFFDF8;\r\n  --teal:#0E8E7F;--teal-deep:#0A6256;--teal-tint:#E6F0EB;\r\n  --gold:#DC9B1E;--amber:#B5761A;--gold-tint:#F6EAC9;\r\n  --maroon:#6B2331;--ink:#241F1A;--ink-soft:#5C5349;--line:rgba(36,31,26,.13);\r\n  --ease:cubic-bezier(.2,.7,.2,1);\r\n  font-family:\"Noto Sans Georgian\",system-ui,sans-serif;color:var(--ink);\r\n  background:var(--parchment);line-height:1.62;font-size:17px;-webkit-font-smoothing:antialiased;\r\n  scroll-behavior:smooth}\r\n.tn img{display:block;max-width:100%}\r\n.tn a{color:inherit;text-decoration:none}\r\n.tn .serif{font-family:\"Fraunces\",\"Noto Serif Georgian\",serif}\r\n.tn .wrap{max-width:1200px;margin:0 auto;padding:0 48px}\r\n.tn .eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;font-weight:600;color:var(--amber)}\r\n.tn .eyebrow.t{color:var(--teal-deep)}\r\n.tn .horizon{height:6px;background:linear-gradient(90deg,var(--teal) 0 50%,var(--gold) 50% 100%)}\r\n\r\n\/* ===== \u10e2\u10d4\u10e5\u10e1\u10e2\u10d8\u10e1 hover \u10ee\u10d0\u10d6\u10d8 ===== *\/\r\n.tn-hl{background-image:linear-gradient(var(--gold),var(--gold));background-size:0% 2px;background-repeat:no-repeat;\r\n  background-position:0 100%;transition:background-size .5s var(--ease),color .35s;cursor:default;padding-bottom:3px}\r\n.tn-hl:hover{background-size:100% 2px;color:var(--maroon)}\r\n\r\n\/* ===== scroll progress bar ===== *\/\r\n.tn-prog{position:fixed;top:0;left:0;height:3px;width:0;z-index:80;\r\n  background:linear-gradient(90deg,var(--teal),var(--gold));box-shadow:0 0 12px rgba(220,155,30,.5);transition:width .12s linear}\r\n\r\n\/* ===== \u10e6\u10d8\u10da\u10d0\u10d9\u10d4\u10d1\u10d8 ===== *\/\r\n.tn .btn{position:relative;display:inline-flex;align-items:center;gap:10px;font:600 14px\/1 \"Noto Sans Georgian\",sans-serif;\r\n  letter-spacing:.03em;padding:16px 32px;border-radius:999px;cursor:pointer;border:1px solid transparent;overflow:hidden;\r\n  transition:transform .35s var(--ease),box-shadow .35s,background .35s,color .35s,border-color .35s}\r\n.tn .btn>*{position:relative;z-index:1}\r\n.tn .btn svg{width:16px;height:16px;transition:transform .35s}\r\n.tn .btn:hover svg{transform:translateX(5px)}\r\n.tn .btn::before{content:\"\";position:absolute;top:0;left:-130%;width:55%;height:100%;z-index:0;\r\n  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);transition:left .7s var(--ease)}\r\n.tn .btn:hover::before{left:150%}\r\n.tn .btn--gold{background:var(--gold);color:#3a2806;box-shadow:0 8px 22px -12px rgba(220,155,30,.6)}\r\n.tn .btn--gold:hover{transform:translateY(-3px);box-shadow:0 18px 36px -12px rgba(220,155,30,.9)}\r\n.tn .btn--maroon{background:var(--maroon);color:#fff;box-shadow:0 8px 22px -12px rgba(107,35,49,.6)}\r\n.tn .btn--maroon:hover{transform:translateY(-3px);box-shadow:0 18px 36px -12px rgba(107,35,49,.9)}\r\n.tn .btn--ghost{border-color:rgba(36,31,26,.3);color:var(--ink)}\r\n.tn .btn--ghost:hover{background:var(--ink);color:#fff;transform:translateY(-3px);border-color:var(--ink)}\r\n\r\n\/* ===== \u10dc\u10d0\u10d5\u10d8\u10d2\u10d0\u10ea\u10d8\u10d0 ===== *\/\r\n.tn-nav{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;align-items:center;justify-content:space-between;\r\n  padding:16px 48px;background:linear-gradient(180deg,rgba(14,20,16,.66),rgba(14,20,16,.30));\r\n  border-bottom:1px solid rgba(255,255,255,.10);transition:background .45s,box-shadow .45s,padding .45s,border-color .45s}\r\n@media(min-width:781px){.tn-nav{backdrop-filter:blur(13px) saturate(1.25);-webkit-backdrop-filter:blur(13px) saturate(1.25)}}\r\n.tn-nav.scrolled{background:rgba(252,248,239,.94);border-bottom-color:var(--line);\r\n  box-shadow:0 12px 36px -22px rgba(36,31,26,.55);padding:11px 48px}\r\n.tn-brand{display:flex;align-items:center;gap:12px;transition:transform .35s var(--ease)}\r\n.tn-brand:hover{transform:translateY(-1px)}\r\n.tn-brand svg{width:40px;height:44px;flex:none;transition:transform .5s var(--ease)}\r\n.tn-brand:hover svg{transform:rotate(-6deg) scale(1.05)}\r\n.tn-brand .nm{font-family:\"Fraunces\",serif;font-weight:600;font-size:25px;color:#fff;transition:color .45s;letter-spacing:.01em;\r\n  text-shadow:0 1px 14px rgba(0,0,0,.3)}\r\n.tn-nav.scrolled .tn-brand .nm{color:var(--ink);text-shadow:none}\r\n.tn-links{display:flex;gap:8px;font-size:14.5px;font-weight:500}\r\n.tn-links a{color:#fff;transition:color .35s,background .35s;position:relative;padding:9px 16px;border-radius:999px}\r\n.tn-links a::after{content:\"\";position:absolute;left:16px;right:16px;bottom:5px;height:2px;background:var(--gold);\r\n  transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}\r\n.tn-links a:hover{background:rgba(255,255,255,.14)}\r\n.tn-links a:hover::after,.tn-links a.active::after{transform:scaleX(1)}\r\n.tn-nav.scrolled .tn-links a{color:var(--ink)}\r\n.tn-nav.scrolled .tn-links a:hover{background:var(--gold-tint)}\r\n\/* burger *\/\r\n.tn .tn-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:95;padding:6px!important;\r\n  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;\r\n  outline:none!important;-webkit-appearance:none!important;appearance:none!important;min-width:0!important}\r\n.tn .tn-burger span{display:block;width:26px;height:2px;background:#fff!important;transition:.3s var(--ease);border-radius:2px}\r\n.tn-nav.scrolled .tn-burger:not(.x) span{background:var(--ink)!important}\r\n.tn-burger.x span:nth-child(1){transform:translateY(7px) rotate(45deg)}\r\n.tn-burger.x span:nth-child(2){opacity:0}\r\n.tn-burger.x span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\r\n.tn-burger.x span{background:#fff!important}\r\n\r\n\/* ===== HERO ===== *\/\r\n.tn-hero{position:relative;min-height:60vh;display:flex;align-items:flex-end;overflow:hidden;color:#fff;padding-top:120px}\r\n.tn-hero__bg{position:absolute;inset:-10% 0;z-index:0;will-change:transform}\r\n.tn-hero__kb{position:absolute;inset:0;background:var(--img-hero) center\/cover no-repeat,#2a3326;\r\n  animation:tnKB 20s var(--ease) forwards;will-change:transform}\r\n@keyframes tnKB{from{transform:scale(1.02)}to{transform:scale(1.13)}}\r\n.tn-hero::after{content:\"\";position:absolute;inset:0;z-index:1;\r\n  background:linear-gradient(180deg,rgba(14,22,18,.6) 0%,rgba(14,22,18,.95) 100%)}\r\n.tn-hero__inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;width:100%;padding:0 48px 96px;text-align:center}\r\n.tn-hero__eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:24px;font-size:12px;\r\n  letter-spacing:.32em;text-transform:uppercase;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.6)}\r\n.tn-hero__eyebrow .ln{width:0;height:1px;background:var(--gold);transition:width 1s var(--ease) .25s;box-shadow:0 0 8px rgba(220,155,30,.8)}\r\n.tn-hero.ready .tn-hero__eyebrow .ln{width:48px}\r\n.tn-hero h1{font-family:\"Fraunces\",\"Noto Serif Georgian\",serif;font-weight:400;font-size:clamp(42px,7.4vw,76px);\r\n  line-height:1.02;letter-spacing:-.015em;margin:0 auto;color:#FFFFFF!important;\r\n  text-shadow:0 4px 30px rgba(0,0,0,.8), 0 2px 8px rgba(0,0,0,.6)}\r\n.tn-hero h1 em{font-style:italic;color:var(--gold);text-shadow:0 4px 30px rgba(220,155,30,.4)}\r\n\r\n\/* hero staggered intro *\/\r\n.tn-hero__eyebrow,.tn-hero h1{opacity:0;transform:translateY(30px);\r\n  transition:opacity 1s var(--ease),transform 1s var(--ease)}\r\n.tn-hero.ready .tn-hero__eyebrow{opacity:1;transform:none;transition-delay:.1s}\r\n.tn-hero.ready h1{opacity:1;transform:none;transition-delay:.28s}\r\n\r\n\/* ===== \u10d6\u10dd\u10d2\u10d0\u10d3\u10d8 \u10e1\u10d4\u10e5\u10ea\u10d8\u10d0 ===== *\/\r\n.tn-sec{padding:112px 0}\r\n.tn-sec--cream{background:var(--cream)}\r\n.tn-sec--paper{background:var(--paper)}\r\n\r\n\/* ===== PRODUCT SHOWCASE ===== *\/\r\n.tn-product{padding:100px 0;background:var(--paper)}\r\n.tn-product-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}\r\n\r\n\/* \u10db\u10d0\u10e0\u10ea\u10ee\u10d4\u10dc\u10d0: \u10e4\u10dd\u10e2\u10dd *\/\r\n.tn-pmedia{position:relative;perspective:1200px}\r\n.tn-pmedia::before{content:\"\";position:absolute;inset:22px -22px -22px 22px;border:1.5px solid var(--gold);\r\n  border-radius:24px;z-index:0;opacity:.6;transition:inset .6s var(--ease),opacity .6s}\r\n.tn-pmedia:hover::before{inset:14px -14px -14px 14px;opacity:.9}\r\n.tn-pframe{position:relative;z-index:1;border-radius:24px;overflow:hidden;\r\n  box-shadow:0 40px 80px -42px rgba(36,31,26,.6);transition:transform .4s var(--ease),box-shadow .5s;will-change:transform}\r\n.tn-pmedia:hover .tn-pframe{box-shadow:0 56px 100px -44px rgba(36,31,26,.7)}\r\n.tn-pimg{aspect-ratio:4\/5;background-size:cover;background-position:center;\r\n  background-image:var(--img-product);transition:transform 1s var(--ease)}\r\n.tn-pmedia:hover .tn-pimg{transform:scale(1.05)}\r\n.tn-pbadge{position:absolute;z-index:3;top:24px;right:24px;font-family:\"Fraunces\",serif;font-weight:600;\r\n  font-size:18px;color:#fff;background:var(--maroon);padding:10px 20px;border-radius:999px;letter-spacing:.04em;\r\n  box-shadow:0 10px 22px -12px rgba(107,35,49,.7)}\r\n\r\n\/* \u10db\u10d0\u10e0\u10ef\u10d5\u10d4\u10dc\u10d0: \u10d3\u10d4\u10e2\u10d0\u10da\u10d4\u10d1\u10d8 *\/\r\n.tn-ptext .eyebrow{margin-bottom:14px;display:inline-block;color:var(--teal-deep)}\r\n.tn-ptext h2{font-family:\"Fraunces\",\"Noto Serif Georgian\",serif;font-weight:400;\r\n  font-size:clamp(32px,4vw,56px);line-height:1.08;letter-spacing:-.01em;display:block;margin-bottom:6px;color:var(--ink)}\r\n.tn-ptext .lat{font-size:16px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:32px;font-weight:600}\r\n\r\n.tn-pdesc{font-size:17px;line-height:1.7;color:var(--ink-soft);margin-bottom:36px;max-width:55ch}\r\n.tn-pdesc p{margin-bottom:14px}\r\n.tn-pdesc b{color:var(--ink);font-weight:600}\r\n\r\n\/* \u10e1\u10de\u10d4\u10ea\u10d8\u10e4\u10d8\u10d9\u10d0\u10ea\u10d8\u10d4\u10d1\u10d8 (Premium Grid) *\/\r\n.tn-pspecs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px;max-width:55ch}\r\n.tn-pspec{background:var(--parchment);padding:20px 24px;border-radius:16px;border:1px solid var(--gold-tint);\r\n  transition:transform .4s var(--ease), border-color .4s, box-shadow .4s}\r\n.tn-pspec:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 12px 24px -10px rgba(220,155,30,.25)}\r\n.tn-pspec span.lbl{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}\r\n.tn-pspec span.val{display:block;font-family:\"Fraunces\",serif;font-weight:600;font-size:19px;color:var(--maroon)}\r\n\r\n.tn-paction{display:flex;align-items:center;gap:32px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line)}\r\n.tn-pprice{font-family:\"Fraunces\",serif;font-weight:600;font-size:42px;color:var(--ink)}\r\n.tn-pprice span{font-size:24px;color:var(--ink-soft);font-weight:400}\r\n\r\n\/* ===== BANNER ===== *\/\r\n.tn-band{position:relative;min-height:450px;display:flex;align-items:center;color:#fff;overflow:hidden;text-align:center}\r\n.tn-band__bg{position:absolute;inset:-10% 0;background:var(--img-band) center\/cover no-repeat,#0b2823;z-index:0;will-change:transform}\r\n.tn-band::after{content:\"\";position:absolute;inset:0;z-index:1;\r\n  background:linear-gradient(0deg,rgba(16,12,6,.85) 0%,rgba(16,12,6,.5) 100%)}\r\n.tn-band .wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}\r\n.tn-band q{font-family:\"Fraunces\",\"Noto Serif Georgian\",serif;font-weight:340;font-size:clamp(22px,3vw,34px);\r\n  line-height:1.4;max-width:32ch;display:block;font-style:italic;text-shadow:0 2px 24px rgba(0,0,0,.55)}\r\n.tn-band q::before{content:\"\u201e\";color:var(--gold)}.tn-band q::after{content:\"\u201c\";color:var(--gold)}\r\n.tn-band .by{margin-top:26px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-style:normal;\r\n  text-shadow:0 2px 14px rgba(0,0,0,.5)}\r\n\r\n\/* ===== \u10e4\u10e3\u10e2\u10d4\u10e0\u10d8 ===== *\/\r\n.tn-foot{background:#13201c;color:rgba(255,255,255,.74);padding:74px 0 34px}\r\n.tn-foot .grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px}\r\n.tn-foot .nm{font-family:\"Fraunces\",serif;font-size:24px;color:#fff;margin:0 0 14px;display:flex;align-items:center;gap:12px}\r\n.tn-foot .nm svg{width:34px;height:38px}\r\n.tn-foot p.lead{font-size:15px;max-width:34ch;color:rgba(255,255,255,.66)}\r\n.tn-foot h4{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}\r\n.tn-foot .row{margin-bottom:10px;font-size:15px}\r\n.tn-foot .row a{background-image:linear-gradient(var(--gold),var(--gold));background-size:0% 1px;background-repeat:no-repeat;\r\n  background-position:0 100%;transition:background-size .4s var(--ease),color .25s;padding-bottom:2px}\r\n.tn-foot .row a:hover{background-size:100% 1px;color:#fff}\r\n.tn-foot .soc{display:flex;gap:13px;margin-top:16px}\r\n.tn-foot .soc a{width:40px;height:40px;border:1px solid rgba(255,255,255,.24);border-radius:50%;\r\n  display:flex;align-items:center;justify-content:center;transition:.3s var(--ease)}\r\n.tn-foot .soc a:hover{background:var(--gold);border-color:var(--gold);color:#3a2806;transform:translateY(-4px) rotate(6deg)}\r\n.tn-foot .soc svg{width:17px;height:17px}\r\n\r\n.tn-foot .bottom{margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);\r\n  display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:rgba(255,255,255,.48);flex-wrap:wrap;gap:10px}\r\n\r\n\/* DigitalServices.ge Premium Link Styling *\/\r\n.tn-ds-link {\r\n  color: rgba(255,255,255,.6);\r\n  text-decoration: none;\r\n  font-size: 13px;\r\n  letter-spacing: .02em;\r\n  transition: color .4s var(--ease);\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n.tn-ds-link b {\r\n  color: var(--gold);\r\n  font-weight: 500;\r\n  margin: 0 4px;\r\n  position: relative;\r\n  transition: color .4s var(--ease), text-shadow .4s var(--ease);\r\n}\r\n.tn-ds-link b::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0; right: 0; bottom: -2px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n  transform: scaleX(0);\r\n  transform-origin: right;\r\n  transition: transform .4s var(--ease);\r\n}\r\n.tn-ds-link:hover {\r\n  color: rgba(255,255,255,.95);\r\n}\r\n.tn-ds-link:hover b {\r\n  color: #FBD66B;\r\n  text-shadow: 0 0 14px rgba(220,155,30,.6);\r\n}\r\n.tn-ds-link:hover b::after {\r\n  transform: scaleX(1);\r\n  transform-origin: left;\r\n}\r\n\r\n\/* ===== scroll reveal ===== *\/\r\n.tn-ru,.tn-rl,.tn-rr{opacity:0;transition:opacity 1s var(--ease),transform 1s var(--ease)}\r\n.tn-ru{transform:translateY(40px)}\r\n.tn-rl{transform:translateX(-58px)}\r\n.tn-rr{transform:translateX(58px)}\r\n.tn-ru.in,.tn-rl.in,.tn-rr.in{opacity:1;transform:none}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   \u2605\u2605\u2605  PREMIUM ADD-ONS \u2014 \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10d0\u10dc\u10d8\u10db\u10d0\u10ea\u10d8\u10d4\u10d1\u10d8 \u10d3\u10d0 hover \u10d4\u10e4\u10d4\u10e5\u10e2\u10d4\u10d1\u10d8  \u2605\u2605\u2605\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n\/* \u2500\u2500\u2500 1. \u10e5\u10d0\u10e6\u10d0\u10da\u10d3\u10d8\u10e1 \u10e2\u10d4\u10e5\u10e1\u10e2\u10e3\u10e0\u10d0 (grain) \u2500\u2500\u2500 *\/\r\n.tn-grain{position:absolute;inset:0;z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:multiply;\r\n  background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'\/><\/filter><rect width='140' height='140' filter='url(%23n)' opacity='0.55'\/><\/svg>\");\r\n  background-size:140px 140px}\r\n\r\n\/* \u2500\u2500\u2500 2. \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10dc\u10d0\u10da\u10d4\u10e5\u10d8 \/ \u10d1\u10e3\u10e8\u10e2\u10e3\u10d9\u10d4\u10d1\u10d8 \u2500\u2500\u2500 *\/\r\n.tn-parts{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}\r\n.tn-parts i{position:absolute;bottom:-8%;border-radius:50%;opacity:0;\r\n  background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.92),rgba(220,155,30,.55) 42%,rgba(220,155,30,0) 72%);\r\n  animation-name:tnRise;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}\r\n@keyframes tnRise{\r\n  0%{transform:translate3d(0,0,0) scale(.55);opacity:0}\r\n  12%{opacity:.6}\r\n  50%{transform:translate3d(18px,-52vh,0) scale(1)}\r\n  88%{opacity:.28}\r\n  100%{transform:translate3d(-14px,-112vh,0) scale(1.18);opacity:0}}\r\n.tn-hero__inner{z-index:3}\r\n.tn-band .wrap{z-index:3}\r\n\r\n\/* \u2500\u2500\u2500 3. \u10f0\u10dd\u10e0\u10d8\u10d6\u10dd\u10dc\u10e2\u10d8\u10e1 \u10d6\u10dd\u10da\u10d8 \u2014 \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10ec\u10d5\u10d4\u10d7\u10d8 + \u10dd\u10e5\u10e0\u10dd\u10e1 \u10d1\u10d6\u10d8\u10dc\u10d5\u10d0\u10e0\u10d4\u10d1\u10d0 \u2500\u2500\u2500 *\/\r\n.tn .horizon{position:relative;overflow:visible}\r\n.tn .horizon::after{content:\"\";position:absolute;top:0;bottom:0;left:-28%;width:28%;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);\r\n  animation:tnSweep 6s var(--ease) infinite}\r\n@keyframes tnSweep{0%{left:-28%}60%,100%{left:128%}}\r\n.tn .horizon .drop{position:absolute;left:50%;top:0;width:9px;height:12px;margin-left:-4.5px;z-index:2;\r\n  background:var(--maroon);opacity:0;border-radius:50% 50% 50% 50%\/62% 62% 38% 38%;\r\n  box-shadow:0 0 10px rgba(107,35,49,.5);animation:tnDrop 4.6s var(--ease) infinite}\r\n@keyframes tnDrop{\r\n  0%{transform:translateY(-26px) scale(.5);opacity:0}\r\n  18%{opacity:1}\r\n  52%{transform:translateY(34px) scale(1);opacity:1}\r\n  60%{transform:translateY(36px) scaleX(1.7) scaleY(.34);opacity:.75}\r\n  74%,100%{transform:translateY(36px) scaleX(3) scaleY(.08);opacity:0}}\r\n\r\n\/* \u2500\u2500\u2500 4. \u10e6\u10d8\u10da\u10d0\u10d9\u10d4\u10d1\u10d8: \u10ea\u10dd\u10ea\u10ee\u10d0\u10da\u10d8 \u10dd\u10e5\u10e0\u10dd + \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10e9\u10d0\u10e1\u10ee\u10db\u10d0 + \u10db\u10d0\u10d2\u10dc\u10d8\u10e2\u10d8 + \u10da\u10d0\u10e5\u10d0 \u2500\u2500\u2500 *\/\r\n.tn .btn{isolation:isolate;transition:transform .28s var(--ease),box-shadow .35s,background .35s,color .35s,border-color .35s}\r\n.tn .btn--gold{background:linear-gradient(100deg,#C98A16,#DC9B1E 30%,#FBD66B 50%,#DC9B1E 70%,#C98A16);\r\n  background-size:230% 100%;animation:tnGoldFlow 7s linear infinite}\r\n@keyframes tnGoldFlow{to{background-position:230% 0}}\r\n\/* .btn--maroon \u2014 \u10e6\u10e0\u10db\u10d0 \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1\u10e4\u10d4\u10e0\u10d8 \u10d2\u10e0\u10d0\u10d3\u10d8\u10d4\u10dc\u10e2\u10d8 *\/\r\n.tn .btn--maroon{background:linear-gradient(140deg,#7E2A3A,var(--maroon) 55%,#4E1824)}\r\n\/* .btn--ghost \u2014 \u10e6\u10d5\u10d8\u10dc\u10dd \u10d0\u10d5\u10e1\u10d4\u10d1\u10e1 \u10e5\u10d5\u10d4\u10db\u10dd\u10d3\u10d0\u10dc \u10e2\u10d0\u10da\u10e6\u10dd\u10d5\u10d0\u10dc\u10d8 \u10d6\u10d4\u10d3\u10d0\u10de\u10d8\u10e0\u10d8\u10d7 *\/\r\n.tn .btn--ghost{background:transparent}\r\n.tn .btn--ghost::after{content:\"\";position:absolute;left:-6%;right:-6%;bottom:0;height:0;z-index:0;\r\n  background:linear-gradient(180deg,#7E2A3A,var(--maroon));\r\n  border-radius:46% 54% 0 0\/18px 15px 0 0;\r\n  transition:height .5s var(--ease);animation:tnWave 3s ease-in-out infinite}\r\n@keyframes tnWave{50%{border-radius:56% 44% 0 0\/13px 20px 0 0}}\r\n.tn .btn--ghost:hover{background:transparent;color:#fff;border-color:var(--maroon);transform:translateY(-3px);\r\n  box-shadow:0 20px 40px -18px rgba(107,35,49,.7)}\r\n.tn .btn--ghost:hover::after{height:126%}\r\n\/* \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10da\u10d0\u10e5\u10d0 (ripple) \u10d3\u10d0\u10ed\u10d4\u10e0\u10d8\u10e1\u10d0\u10e1 *\/\r\n.tn .tn-ink{position:absolute;z-index:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;\r\n  background:radial-gradient(circle,rgba(107,35,49,.55),rgba(107,35,49,.18) 60%,transparent 72%);\r\n  transform:scale(0);pointer-events:none;animation:tnInk .7s var(--ease) forwards}\r\n@keyframes tnInk{to{transform:scale(26);opacity:0}}\r\n.tn .btn--gold .tn-ink,.tn .btn--maroon .tn-ink{background:radial-gradient(circle,rgba(255,255,255,.55),transparent 70%)}\r\n\r\n\/* \u2500\u2500\u2500 5. HERO: \u201e\u10d7\u10ee\u10d4\u10d5\u10d0\u10d3\u10d8 \u10dd\u10e5\u10e0\u10dd\u201c + \u10d9\u10d0\u10db\u10d4\u10e0\u10d8\u10e1 \u10d0\u10db\u10dd\u10e1\u10e3\u10dc\u10d7\u10e5\u10d5\u10d0 \u2500\u2500\u2500 *\/\r\n.tn-hero h1 em{\r\n  background:linear-gradient(100deg,#C98A16 0%,#FBD66B 38%,#FFF0C4 50%,#FBD66B 62%,#C98A16 100%);\r\n  background-size:250% 100%;-webkit-background-clip:text;background-clip:text;\r\n  -webkit-text-fill-color:transparent;color:transparent;text-shadow:none;\r\n  animation:tnGoldFlow 8s linear infinite;padding-right:.08em}\r\n.tn-hero__kb{animation:tnKB 20s var(--ease) forwards,tnBreath 26s ease-in-out 20s infinite alternate}\r\n@keyframes tnBreath{from{transform:scale(1.09)}to{transform:scale(1.15)}}\r\n\r\n\/* \u2500\u2500\u2500 6. \u10dc\u10d0\u10d5\u10d8\u10d2\u10d0\u10ea\u10d8\u10d0: \u10e7\u10e3\u10e0\u10eb\u10dc\u10d8\u10e1 \u10db\u10d0\u10e0\u10ea\u10d5\u10d0\u10da\u10d8 \u10da\u10d8\u10dc\u10d9\u10d8\u10e1 hover-\u10d6\u10d4 \u2500\u2500\u2500 *\/\r\n.tn-links a::before{content:\"\";position:absolute;left:50%;top:2px;width:5px;height:5px;margin-left:-2.5px;\r\n  border-radius:50%;background:var(--gold);opacity:0;transform:translateY(-6px) scale(.4);\r\n  transition:opacity .35s var(--ease),transform .35s var(--ease)}\r\n.tn-links a:hover::before{opacity:1;transform:translateY(0) scale(1)}\r\n.tn-nav.scrolled{background:rgba(252,248,239,.92)}\r\n@media(min-width:781px){.tn-nav.scrolled{backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}}\r\n.tn-brand svg circle{transform-box:fill-box;transform-origin:center;transition:transform .8s var(--ease)}\r\n.tn-brand:hover svg circle{transform:scale(1.14)}\r\n\r\n\/* \u2500\u2500\u2500 7. \u10de\u10e0\u10dd\u10d3\u10e3\u10e5\u10e2\u10d8\u10e1 \u10e4\u10dd\u10e2\u10dd: \u10ed\u10d8\u10e5\u10d0\u10e1\u10d0\u10d5\u10d8\u10d7 \u10d8\u10d5\u10e1\u10d4\u10d1\u10d0, \u10e1\u10de\u10dd\u10e2\u10da\u10d0\u10d8\u10d7\u10d8, \u10d1\u10dd\u10d7\u10da\u10d8\u10e1 \u10d3\u10d0\u10ee\u10e0\u10d0 \u2500\u2500\u2500 *\/\r\n.tn-pframe img.tn-pimg{width:100%;height:auto;aspect-ratio:4\/5;object-fit:cover;\r\n  transition:transform 1.05s var(--ease),filter .6s var(--ease);will-change:transform}\r\n\/* \u10e1\u10d9\u10e0\u10dd\u10da\u10d6\u10d4 \u2014 \u10d9\u10d0\u10d3\u10e0\u10d8 \u10d8\u10d5\u10e1\u10d4\u10d1\u10d0 \u10e5\u10d5\u10d4\u10db\u10dd\u10d3\u10d0\u10dc, \u10e0\u10dd\u10d2\u10dd\u10e0\u10ea \u10ed\u10d8\u10e5\u10d0 *\/\r\n.tn-pframe{clip-path:inset(0 0 100% 0);transition:transform .4s var(--ease),box-shadow .5s,clip-path 1.15s var(--ease) .12s}\r\n.in .tn-pframe{clip-path:inset(0 0 0 0)}\r\n\/* \u10d9\u10e3\u10e0\u10e1\u10dd\u10e0\u10d8\u10e1 \u10dd\u10e5\u10e0\u10dd\u10e1 \u10e1\u10de\u10dd\u10e2\u10da\u10d0\u10d8\u10d7\u10d8 *\/\r\n.tn-pframe::before{content:\"\";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;\r\n  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,214,120,.30),rgba(255,214,120,0) 68%);\r\n  transition:opacity .45s var(--ease)}\r\n.tn-pmedia:hover .tn-pframe::before{opacity:1}\r\n\/* \u10d1\u10d6\u10d8\u10dc\u10d5\u10d0\u10e0\u10d4\u10d1\u10d0 \u10e9\u10d0\u10e0\u10e9\u10dd\u10d6\u10d4 *\/\r\n.tn-pframe::after{content:\"\";position:absolute;top:0;left:-80%;width:55%;height:100%;z-index:2;\r\n  background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg);pointer-events:none}\r\n.tn-pmedia:hover .tn-pframe::after{animation:tnShine 1s var(--ease)}\r\n@keyframes tnShine{to{left:135%}}\r\n\/* \u10d1\u10dd\u10d7\u10da\u10d8 \u10dd\u10d3\u10dc\u10d0\u10d5 \u10d8\u10ee\u10e0\u10d4\u10d1\u10d0 \u2014 \u10d7\u10d8\u10d7\u10e5\u10dd\u10e1 \u10d0\u10e1\u10ee\u10d0\u10db *\/\r\n.tn-pmedia:hover img.tn-pimg{transform:scale(1.06) rotate(-2.2deg);filter:saturate(1.08) contrast(1.03)}\r\n\/* \u10ec\u10da\u10d8\u10e1 \u10d1\u10d4\u10ef\u10d8 \u2014 \u10de\u10e3\u10da\u10e1\u10d8\u10e0\u10d4\u10d1\u10d0\u10d3\u10d8 \u10e0\u10d2\u10dd\u10da\u10d8 *\/\r\n.tn-pbadge{overflow:visible;transition:transform .45s var(--ease)}\r\n.tn-pbadge::after{content:\"\";position:absolute;inset:0;border-radius:999px;border:1.5px solid var(--maroon);\r\n  animation:tnPulse 3.2s var(--ease) infinite;pointer-events:none}\r\n@keyframes tnPulse{0%{transform:scale(1);opacity:.65}70%,100%{transform:scale(1.42);opacity:0}}\r\n.tn-pmedia:hover .tn-pbadge{transform:translateY(-3px) rotate(-3deg)}\r\n\r\n\/* \u2500\u2500\u2500 8. \u10e1\u10de\u10d4\u10ea\u10d8\u10e4\u10d8\u10d9\u10d0\u10ea\u10d8\u10d4\u10d1\u10d8: \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10e2\u10d0\u10da\u10e6\u10d0 \u10e5\u10d5\u10d4\u10db\u10dd\u10d3\u10d0\u10dc \u2500\u2500\u2500 *\/\r\n.tn-pspec{position:relative;overflow:hidden;z-index:0}\r\n.tn-pspec::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:0;z-index:-1;\r\n  background:linear-gradient(180deg,rgba(220,155,30,.22),rgba(220,155,30,.06));transition:height .45s var(--ease)}\r\n.tn-pspec:hover::after{height:100%}\r\n.tn-pspec span.val{transition:color .35s}\r\n.tn-pspec:hover span.val{color:var(--maroon)}\r\n.tn-pspec::before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--maroon),var(--gold));\r\n  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}\r\n.tn-pspec:hover::before{transform:scaleX(1)}\r\n\r\n\/* \u2500\u2500\u2500 9. \u10e1\u10d0\u10d7\u10d0\u10e3\u10e0\u10d8 \u10d3\u10d0 \u10e4\u10d0\u10e1\u10d8 \u2500\u2500\u2500 *\/\r\n.tn-ptext h2{transition:letter-spacing .6s var(--ease),color .4s}\r\n.tn-ptext:hover h2{letter-spacing:.002em}\r\n.tn-ptext .lat{transition:letter-spacing .5s var(--ease),color .4s}\r\n.tn-ptext:hover .lat{letter-spacing:.22em;color:var(--amber)}\r\n.tn-pprice{display:inline-block;transition:transform .4s var(--ease),text-shadow .4s var(--ease),color .4s}\r\n.tn-paction:hover .tn-pprice{transform:translateY(-3px) scale(1.03);color:var(--maroon);\r\n  text-shadow:0 10px 26px rgba(107,35,49,.28)}\r\n\r\n\/* \u2500\u2500\u2500 10. \u10d5\u10d0\u10d6\u10d8\u10e1 \u10d3\u10d4\u10d9\u10dd\u10e0\u10d8 \u2014 \u10e1\u10d9\u10e0\u10dd\u10da\u10d6\u10d4 \u201e\u10d8\u10ee\u10d0\u10e2\u10d4\u10d1\u10d0\u201c \u2500\u2500\u2500 *\/\r\n.tn-vine{display:block;width:200px;max-width:70%;height:auto;margin:64px auto 0}\r\n.tn-vine .stem{stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset 1.9s var(--ease) .15s}\r\n.tn-vine .grape{opacity:0;transform:scale(0);transform-box:fill-box;transform-origin:center;\r\n  transition:opacity .45s var(--ease),transform .55s cubic-bezier(.3,1.5,.4,1)}\r\n.tn-vine .leaf{opacity:0;transform:translateY(6px) rotate(-8deg);transform-box:fill-box;transform-origin:center;\r\n  transition:opacity .6s var(--ease) .9s,transform .7s var(--ease) .9s}\r\n.in .tn-vine .stem{stroke-dashoffset:0}\r\n.in .tn-vine .grape{opacity:1;transform:scale(1)}\r\n.in .tn-vine .leaf{opacity:.9;transform:none}\r\n.in .tn-vine .grape:nth-of-type(1){transition-delay:1.05s}\r\n.in .tn-vine .grape:nth-of-type(2){transition-delay:1.14s}\r\n.in .tn-vine .grape:nth-of-type(3){transition-delay:1.23s}\r\n.in .tn-vine .grape:nth-of-type(4){transition-delay:1.32s}\r\n.in .tn-vine .grape:nth-of-type(5){transition-delay:1.41s}\r\n.in .tn-vine .grape:nth-of-type(6){transition-delay:1.50s}\r\n\r\n\/* \u2500\u2500\u2500 11. \u10d1\u10d0\u10dc\u10d4\u10e0\u10d8: ken-burns + \u10dd\u10e5\u10e0\u10dd\u10e1 \u10d1\u10e0\u10ed\u10e7\u10d0\u10da\u10d4\u10d1\u10d8 \u2500\u2500\u2500 *\/\r\n.tn-band__bg{animation:tnBreathBg 32s ease-in-out infinite alternate}\r\n@keyframes tnBreathBg{from{transform:scale(1.01)}to{transform:scale(1.09)}}\r\n.tn-band q::before,.tn-band q::after{display:inline-block;transition:transform .5s var(--ease)}\r\n.tn-band:hover q::before{transform:translate(-4px,-6px) scale(1.15)}\r\n.tn-band:hover q::after{transform:translate(4px,-6px) scale(1.15)}\r\n.tn-band .by{position:relative;display:inline-block}\r\n.tn-band .by::after{content:\"\";position:absolute;left:0;bottom:-8px;height:1px;width:100%;\r\n  background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);\r\n  transition:transform .8s var(--ease) .3s}\r\n.tn-band .by.in::after{transform:scaleX(1)}\r\n\r\n\/* \u2500\u2500\u2500 12. \u10e4\u10e3\u10e2\u10d4\u10e0\u10d8: \u10db\u10dd\u10eb\u10e0\u10d0\u10d5\u10d8 \u10d1\u10e0\u10d4\u10dc\u10d3\u10d8\u10e1 \u10d6\u10dd\u10da\u10d8 \u2500\u2500\u2500 *\/\r\n.tn-foot{position:relative;overflow:hidden}\r\n.tn-foot::before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;\r\n  background:linear-gradient(90deg,var(--teal),var(--gold),var(--maroon),var(--teal));\r\n  background-size:300% 100%;animation:tnGoldFlow 14s linear infinite}\r\n.tn-foot .nm svg{transition:transform .6s var(--ease)}\r\n.tn-foot .nm:hover svg{transform:rotate(-8deg) scale(1.08)}\r\n.tn-foot .soc a svg{transition:transform .4s var(--ease)}\r\n.tn-foot .soc a:hover svg{transform:scale(1.15)}\r\n\r\n\/* \u2500\u2500\u2500 13. \u201e\u10d6\u10d4\u10db\u10dd\u10d7\u201c \u10e6\u10d8\u10da\u10d0\u10d9\u10d8 \u2014 \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10ec\u10d5\u10d4\u10d7\u10d8\u10e1 \u10e4\u10dd\u10e0\u10db\u10d0 \u2500\u2500\u2500 *\/\r\n.tn .tn-top{position:fixed;right:26px;bottom:26px;z-index:78;width:52px;height:52px;\r\n  display:flex;align-items:center;justify-content:center;cursor:pointer;\r\n  border:0!important;outline:none!important;-webkit-appearance:none!important;appearance:none!important;\r\n  border-radius:50% 50% 50% 6px;background:linear-gradient(160deg,var(--maroon),#3f1520);color:#fff;\r\n  box-shadow:0 14px 30px -14px rgba(107,35,49,.85);opacity:0;visibility:hidden;\r\n  transform:translateY(18px) rotate(-45deg);\r\n  transition:opacity .45s var(--ease),transform .45s var(--ease),visibility .45s,box-shadow .4s,background .4s}\r\n.tn .tn-top svg{width:18px;height:18px;transform:rotate(45deg);transition:transform .4s var(--ease)}\r\n.tn .tn-top.show{opacity:1;visibility:visible;transform:translateY(0) rotate(-45deg)}\r\n.tn .tn-top:hover{background:linear-gradient(160deg,var(--gold),var(--amber));color:#3a2806;\r\n  box-shadow:0 20px 40px -14px rgba(220,155,30,.9);transform:translateY(-4px) rotate(-45deg)}\r\n.tn .tn-top:hover svg{transform:rotate(45deg) translateY(-3px)}\r\n\r\n\/* \u2500\u2500\u2500 14. \u10e1\u10d9\u10e0\u10dd\u10da\u10d8\u10e1 \u10d8\u10dc\u10d3\u10d8\u10d9\u10d0\u10e2\u10dd\u10e0\u10d8 + \u10e4\u10dd\u10d9\u10e3\u10e1\u10d8 \u2500\u2500\u2500 *\/\r\n.tn-prog{height:3px;background:linear-gradient(90deg,var(--teal),var(--gold) 55%,var(--maroon));\r\n  box-shadow:0 0 14px rgba(220,155,30,.55)}\r\n.tn a:focus-visible,.tn button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   \u2605\u2605\u2605  RESPONSIVE v2 \u2014 \u10d3\u10d4\u10e1\u10d9\u10e2\u10dd\u10de\u10d8 \/ \u10da\u10d4\u10de\u10e2\u10dd\u10de\u10d8 \/ \u10e2\u10d0\u10d1\u10da\u10d4\u10e2\u10d8 \/ \u10db\u10dd\u10d1\u10d8\u10da\u10e3\u10e0\u10d8  \u2605\u2605\u2605\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n\/* \u2500\u2500 \u10e4\u10da\u10e3\u10d8\u10d3\u10e3\u10e0\u10d8 \u10d0\u10e0\u10e8\u10d8\u10d4\u10d1\u10d8 \u2500\u2500 *\/\r\n.tn .wrap{padding-left:clamp(18px,4vw,48px);padding-right:clamp(18px,4vw,48px)}\r\n.tn-nav{padding-left:clamp(18px,4vw,48px);padding-right:clamp(18px,4vw,48px)}\r\n.tn-nav.scrolled{padding-left:clamp(18px,4vw,48px);padding-right:clamp(18px,4vw,48px)}\r\n.tn-hero__inner{padding-left:clamp(18px,4vw,48px);padding-right:clamp(18px,4vw,48px);\r\n  padding-bottom:clamp(56px,9vw,96px)}\r\n.tn-hero{padding-top:clamp(96px,13vw,140px)}\r\n.tn-hero h1{font-size:clamp(34px,7.4vw,76px)}\r\n\r\n\/* \u2500\u2500 1. \u10da\u10d4\u10de\u10e2\u10dd\u10de\u10d8 (\u22641200px) \u2500\u2500 *\/\r\n@media (max-width:1200px){\r\n  .tn-product{padding:88px 0}\r\n  .tn-product-grid{gap:60px}\r\n  .tn-foot .grid{gap:36px}\r\n}\r\n\r\n\/* \u2500\u2500 2. \u10e2\u10d0\u10d1\u10da\u10d4\u10e2\u10d8, \u10da\u10d0\u10dc\u10d3\u10e8\u10d0\u10e4\u10e2\u10d8 (\u22641024px) \u2014 \u10dd\u10e0\u10d8 \u10e1\u10d5\u10d4\u10e2\u10d8 \u10e0\u10e9\u10d4\u10d1\u10d0 \u2500\u2500 *\/\r\n@media (max-width:1024px){\r\n  .tn-product{padding:80px 0}\r\n  .tn-product-grid{grid-template-columns:1fr 1.15fr;gap:44px}\r\n  .tn-ptext .lat{margin-bottom:24px}\r\n  .tn-pdesc{margin-bottom:28px;max-width:none}\r\n  .tn-pspecs{gap:14px;margin-bottom:32px;max-width:none}\r\n  .tn-pspec{padding:16px 18px}\r\n  .tn-pspec span.val{font-size:18px}\r\n  .tn-pprice{font-size:38px}\r\n  .tn-paction{gap:22px}\r\n  .tn-band{min-height:420px}\r\n}\r\n\r\n\/* \u2500\u2500 3. \u10e2\u10d0\u10d1\u10da\u10d4\u10e2\u10d8, \u10de\u10dd\u10e0\u10e2\u10e0\u10d4\u10e2\u10d8 (\u2264900px) \u2014 \u10d4\u10e0\u10d7\u10d8 \u10e1\u10d5\u10d4\u10e2\u10d8, \u10d1\u10dd\u10d7\u10da\u10d8 \u10ea\u10d4\u10dc\u10e2\u10e0\u10e8\u10d8 \u2500\u2500 *\/\r\n@media (max-width:900px){\r\n  .tn-product-grid{grid-template-columns:1fr;gap:52px}\r\n  .tn-pmedia{max-width:480px;margin-left:auto;margin-right:auto;width:100%}\r\n  .tn-ptext{max-width:600px;margin-left:auto;margin-right:auto;width:100%}\r\n  .tn-foot .grid{grid-template-columns:1fr 1fr;gap:34px}\r\n  .tn-foot .grid>div:first-child{grid-column:1 \/ -1}\r\n  .tn-foot p.lead{max-width:52ch}\r\n}\r\n\r\n\/* \u2500\u2500 4. \u10e2\u10d0\u10e9-\u10dc\u10d0\u10d5\u10d8\u10d2\u10d0\u10ea\u10d8\u10d0: \u10db\u10dd\u10d1\u10d8\u10da\u10e3\u10e0\u10d8 + \u10e7\u10d5\u10d4\u10da\u10d0 \u10e1\u10d4\u10dc\u10e1\u10dd\u10e0\u10e3\u10da\u10d8 \u10e2\u10d0\u10d1\u10da\u10d4\u10e2\u10d8 \u2500\u2500 *\/\r\n@media (max-width:900px), (max-width:1024px) and (hover:none){\r\n  .tn .tn-burger{display:flex}\r\n  .tn-links{position:fixed;inset:0;z-index:90;flex-direction:column;justify-content:center;align-items:center;gap:6px;\r\n    background:radial-gradient(120% 80% at 50% 0%,#0F6B5E 0%,var(--teal-deep) 45%,#0a1f1b 100%);\r\n    font-size:clamp(21px,4.4vw,30px);font-weight:600;\r\n    opacity:0;pointer-events:none;transition:opacity .45s var(--ease);padding:90px 24px;overflow-y:auto}\r\n  .tn-links.open{opacity:1;pointer-events:auto}\r\n  .tn-links a{color:#fff!important;padding:16px 26px;border-radius:14px;opacity:0;transform:translateY(18px);\r\n    transition:opacity .5s var(--ease),transform .5s var(--ease),background .3s}\r\n  .tn-links a::before{display:none}\r\n  .tn-links.open a{opacity:1;transform:none}\r\n  .tn-links.open a:nth-child(1){transition-delay:.12s}\r\n  .tn-links.open a:nth-child(2){transition-delay:.19s}\r\n  .tn-links.open a:nth-child(3){transition-delay:.26s}\r\n  .tn-links.open a:nth-child(4){transition-delay:.33s}\r\n  .tn-links a:active{background:rgba(255,255,255,.12)}\r\n  .tn-links a::after{left:50%;right:auto;transform:translateX(-50%) scaleX(0);bottom:8px;width:40px}\r\n  .tn-links a.active::after{transform:translateX(-50%) scaleX(1)}\r\n  .tn-nav,.tn-nav.scrolled{padding-top:12px;padding-bottom:12px}\r\n  .tn-brand svg{width:36px;height:40px}\r\n  .tn-brand .nm{font-size:22px}\r\n}\r\n\r\n\/* \u2500\u2500 5. \u10db\u10dd\u10d1\u10d8\u10da\u10e3\u10e0\u10d8 (\u2264780px) \u2500\u2500 *\/\r\n@media (max-width:780px){\r\n  .tn-product{padding:64px 0}\r\n  .tn-product-grid{gap:44px}\r\n  .tn-band{min-height:380px}\r\n  .tn-rl,.tn-rr{transform:translateY(40px)}\r\n  .tn-vine{margin-top:44px}\r\n  .tn .btn{padding:15px 26px;font-size:13.5px}\r\n  .tn-paction{gap:20px}\r\n  .tn-foot{padding:56px 0 28px}\r\n  .tn-foot .bottom{margin-top:36px;justify-content:center;text-align:center}\r\n  .tn .tn-top{right:16px;bottom:16px;width:46px;height:46px}\r\n}\r\n\r\n\/* \u2500\u2500 6. \u10e2\u10d4\u10da\u10d4\u10e4\u10dd\u10dc\u10d8 (\u2264620px) \u2500\u2500 *\/\r\n@media (max-width:620px){\r\n  .tn-hero{min-height:56vh}\r\n  .tn-pspecs{grid-template-columns:1fr;gap:12px}\r\n  .tn-foot .grid{grid-template-columns:1fr;gap:32px}\r\n  .tn-foot .grid>div:first-child{grid-column:auto}\r\n  .tn-hero__eyebrow{letter-spacing:.24em;font-size:11px}\r\n  .tn-hero__eyebrow .ln,.tn-hero.ready .tn-hero__eyebrow .ln{width:28px}\r\n  .tn-pbadge{font-size:16px;padding:8px 16px;top:16px;right:16px}\r\n  .tn-pmedia::before,.tn-pmedia:hover::before{inset:14px -14px -14px 14px}\r\n  \/* \u10e1\u10de\u10d4\u10ea\u10d8\u10e4\u10d8\u10d9\u10d0\u10ea\u10d8\u10d0 \u10d4\u10e0\u10d7 \u10ee\u10d0\u10d6\u10d6\u10d4 \u2014 \u10d8\u10d0\u10e0\u10da\u10d8\u10e7\u10d8 \u10db\u10d0\u10e0\u10ea\u10ee\u10dc\u10d8\u10d5, \u10db\u10dc\u10d8\u10e8\u10d5\u10dc\u10d4\u10da\u10dd\u10d1\u10d0 \u10db\u10d0\u10e0\u10ef\u10d5\u10dc\u10d8\u10d5 *\/\r\n  .tn-pspec{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px}\r\n  .tn-pspec span.lbl{margin-bottom:0}\r\n}\r\n\r\n\/* \u2500\u2500 7. \u10e2\u10d4\u10da\u10d4\u10e4\u10dd\u10dc\u10d8 (\u2264420px) \u2014 \u10e6\u10d8\u10da\u10d0\u10d9\u10d4\u10d1\u10d8 \u10db\u10d7\u10d4\u10da \u10e1\u10d8\u10d2\u10d0\u10dc\u10d4\u10d6\u10d4 \u2500\u2500 *\/\r\n@media (max-width:420px){\r\n  .tn-paction{flex-direction:column;align-items:stretch;gap:14px}\r\n  .tn-pprice{align-self:flex-start}\r\n  .tn .btn{width:100%;justify-content:center}\r\n}\r\n\r\n\/* \u2500\u2500 8. \u10de\u10d0\u10e2\u10d0\u10e0\u10d0 \u10e2\u10d4\u10da\u10d4\u10e4\u10dd\u10dc\u10d8 (\u2264380px) \u2500\u2500 *\/\r\n@media (max-width:380px){\r\n  .tn{font-size:16px}\r\n  .tn .btn{padding:14px 22px}\r\n  .tn-pprice{font-size:34px}\r\n  .tn-pprice span{font-size:20px}\r\n  .tn-pdesc{font-size:16px}\r\n}\r\n\r\n\/* \u2500\u2500 9. \u10d3\u10d0\u10d1\u10d0\u10da\u10d8 \u10da\u10d0\u10dc\u10d3\u10e8\u10d0\u10e4\u10e2\u10d8 (\u10e2\u10d4\u10da\u10d4\u10e4\u10dd\u10dc\u10d8 \u10d2\u10d5\u10d4\u10e0\u10d3\u10d6\u10d4 \u10d2\u10d0\u10d3\u10db\u10dd\u10e2\u10e0\u10d8\u10d0\u10da\u10d4\u10d1\u10e3\u10da\u10d8) \u2500\u2500 *\/\r\n@media (max-height:520px) and (orientation:landscape){\r\n  .tn-hero{min-height:auto;padding-top:88px}\r\n  .tn-hero__inner{padding-bottom:44px}\r\n  .tn-links{padding-top:70px;padding-bottom:40px;font-size:19px;gap:0}\r\n  .tn-links a{padding:11px 22px}\r\n}\r\n\r\n\/* \u2500\u2500 10. \u10eb\u10d0\u10da\u10d8\u10d0\u10dc \u10d2\u10d0\u10dc\u10d8\u10d4\u10e0\u10d8 \u10d4\u10d9\u10e0\u10d0\u10dc\u10d8 (\u22651600px) \u2500\u2500 *\/\r\n@media (min-width:1600px){\r\n  .tn{font-size:18px}\r\n  .tn .wrap{max-width:1320px}\r\n  .tn-hero__inner{max-width:1320px}\r\n}\r\n\r\n\/* \u2500\u2500 11. \u10e1\u10d4\u10dc\u10e1\u10dd\u10e0\u10e3\u10da\u10d8 \u10db\u10dd\u10ec\u10e7\u10dd\u10d1\u10d8\u10da\u10dd\u10d1\u10d4\u10d1\u10d8: hover-\u10d8\u10e1 \u10dc\u10d0\u10ea\u10d5\u10da\u10d0\u10d3 tap \u2500\u2500 *\/\r\n@media(hover:none){\r\n  .tn-pframe{clip-path:none}\r\n  .tn-pspec{box-shadow:0 12px 28px -24px rgba(36,31,26,.4)}\r\n  .tn-pspec::before{transform:scaleX(1)}          \/* \u10d6\u10d4\u10d3\u10d0 \u10ee\u10d0\u10d6\u10d8 \u10e7\u10dd\u10d5\u10d4\u10da\u10d7\u10d5\u10d8\u10e1 \u10e9\u10d0\u10dc\u10e1 *\/\r\n  .tn-pspec:active{transform:translateY(-2px);border-color:var(--gold)}\r\n  .tn-pspec:active::after{height:100%}\r\n  .tn .btn:active{transform:translateY(-1px) scale(.98)}\r\n  .tn .btn--ghost:active::after{height:126%}\r\n  .tn .btn--ghost:active{color:#fff;border-color:var(--maroon)}\r\n  .tn-hl:active{background-size:100% 2px;color:var(--maroon)}\r\n  .tn-parts,.tn-grain{display:none}\r\n}\r\n\r\n\/* \u2500\u2500 12. \u10db\u10dd\u10eb\u10e0\u10d0\u10dd\u10d1\u10d8\u10e1 \u10e8\u10d4\u10db\u10ea\u10d8\u10e0\u10d4\u10d1\u10d8\u10e1 \u10e0\u10d4\u10df\u10d8\u10db\u10d8 \u2500\u2500 *\/\r\n@media(prefers-reduced-motion:reduce){\r\n  .tn-ru,.tn-rl,.tn-rr,.tn-hero__eyebrow,.tn-hero h1{opacity:1;transform:none;transition:none}\r\n  .tn-parts,.tn-grain,.tn .horizon .drop,.tn .horizon::after{display:none!important}\r\n  .tn-hero__kb,.tn-band__bg,.tn-foot::before,.tn .btn--gold,.tn-hero h1 em,.tn-pbadge::after{animation:none!important}\r\n  .tn-hero h1 em{-webkit-text-fill-color:var(--gold);color:var(--gold)}\r\n  .tn-pframe{clip-path:none!important;transition:none}\r\n  .tn-vine .stem{stroke-dashoffset:0}\r\n  .tn-vine .grape,.tn-vine .leaf{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n\r\n<!-- ===== \u10dc\u10d0\u10d5\u10d8\u10d2\u10d0\u10ea\u10d8\u10d0 ===== -->\r\n<nav class=\"tn-nav\" id=\"tnNav\" aria-label=\"\u10db\u10d7\u10d0\u10d5\u10d0\u10e0\u10d8 \u10dc\u10d0\u10d5\u10d8\u10d2\u10d0\u10ea\u10d8\u10d0\">\r\n  <a class=\"tn-brand\" href=\"\/\" aria-label=\"Tannino \u2014 \u10db\u10d7\u10d0\u10d5\u10d0\u10e0\u10d8\">\r\n    <svg viewBox=\"0 0 120 132\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Tannino-\u10e1 \u10da\u10dd\u10d2\u10dd\"><defs>\r\n      <radialGradient id=\"tnSun\" cx=\"50%\" cy=\"62%\" r=\"62%\"><stop offset=\"0%\" stop-color=\"#FBD66B\"\/><stop offset=\"55%\" stop-color=\"#EFA830\"\/><stop offset=\"100%\" stop-color=\"#DA7A22\"\/><\/radialGradient>\r\n      <linearGradient id=\"tnHill\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#13A18F\"\/><stop offset=\"100%\" stop-color=\"#0A5F54\"\/><\/linearGradient>\r\n      <clipPath id=\"tnArch\"><path d=\"M8 118 L8 56 C8 20 28 6 60 6 C92 6 112 20 112 56 L112 118 Q112 126 104 126 L16 126 Q8 126 8 118 Z\"\/><\/clipPath><\/defs>\r\n      <g clip-path=\"url(#tnArch)\"><rect width=\"120\" height=\"132\" fill=\"#F6EEDC\"\/>\r\n        <g stroke=\"#E2972C\" stroke-width=\"3\" stroke-linecap=\"round\"><line x1=\"60\" y1=\"20\" x2=\"60\" y2=\"33\"\/><line x1=\"36\" y1=\"30\" x2=\"43\" y2=\"40\"\/><line x1=\"84\" y1=\"30\" x2=\"77\" y2=\"40\"\/><line x1=\"22\" y1=\"52\" x2=\"33\" y2=\"56\"\/><line x1=\"98\" y1=\"52\" x2=\"87\" y2=\"56\"\/><\/g>\r\n        <circle cx=\"60\" cy=\"74\" r=\"23\" fill=\"url(#tnSun)\"\/>\r\n        <path d=\"M-4 132 L-4 92 Q26 70 56 88 Q84 104 124 80 L124 132 Z\" fill=\"url(#tnHill)\"\/>\r\n        <path d=\"M-4 132 L-4 108 Q34 92 66 106 Q96 118 124 100 L124 132 Z\" fill=\"#0A5F54\" opacity=\".85\"\/><\/g>\r\n      <path d=\"M8 118 L8 56 C8 20 28 6 60 6 C92 6 112 20 112 56 L112 118 Q112 126 104 126 L16 126 Q8 126 8 118 Z\" fill=\"none\" stroke=\"#6B2331\" stroke-width=\"2.4\"\/>\r\n    <\/svg>\r\n    <span class=\"nm serif\">Tannino<\/span>\r\n  <\/a>\r\n  <div class=\"tn-links\" id=\"tnLinks\">\r\n    <a href=\"\/\">\u10db\u10d7\u10d0\u10d5\u10d0\u10e0\u10d8<\/a>\r\n    <a href=\"\/about\/\">\u10e9\u10d5\u10d4\u10dc \u10e8\u10d4\u10e1\u10d0\u10ee\u10d4\u10d1<\/a>\r\n    <a href=\"\/#wines\" class=\"active\">\u10e6\u10d5\u10d8\u10dc\u10dd\u10d4\u10d1\u10d8<\/a>\r\n    <a href=\"\/contact\/\">\u10d9\u10dd\u10dc\u10e2\u10d0\u10e5\u10e2\u10d8<\/a>\r\n  <\/div>\r\n  <button class=\"tn-burger\" id=\"tnBurger\" aria-label=\"\u10db\u10d4\u10dc\u10d8\u10e3\" aria-expanded=\"false\" aria-controls=\"tnLinks\"><span><\/span><span><\/span><span><\/span><\/button>\r\n<\/nav>\r\n\r\n<header class=\"tn-hero\" id=\"tnHero\">\r\n  <div class=\"tn-hero__bg\" id=\"tnHeroBg\"><div class=\"tn-hero__kb\"><\/div><\/div>\r\n  <div class=\"tn-parts\" data-parts=\"12\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"tn-hero__inner\">\r\n    <div class=\"tn-hero__eyebrow\"><span class=\"ln\"><\/span> \u10d9\u10dd\u10da\u10d4\u10e5\u10ea\u10d8\u10d0 \u00b7 TANNINO<\/div>\r\n    <h1><em>\u10ec\u10d0\u10e0\u10d0\u10e4\u10d8<\/em><\/h1>\r\n  <\/div>\r\n<\/header>\r\n<div class=\"horizon\"><span class=\"drop\" aria-hidden=\"true\"><\/span><\/div>\r\n\r\n<section class=\"tn-product\">\r\n  <div class=\"wrap tn-product-grid\">\r\n\r\n    <div class=\"tn-pmedia tn-rl\">\r\n      <div class=\"tn-pframe\">\r\n        <img fetchpriority=\"high\" class=\"tn-pimg\" src=\"https:\/\/tannino.ge\/wp-content\/uploads\/2026\/06\/\u10e7\u10d5\u10d8\u10d7\u10d4\u10da\u10d8-\u10d1\u10dd\u10d7\u10da\u10d8.jpeg\"\r\n             alt=\"\u10ec\u10d0\u10e0\u10d0\u10e4\u10d8 \u2014 Tannino-\u10e1 \u10e5\u10d0\u10e0\u10d5\u10d8\u10e1\u10e4\u10d4\u10e0\u10d8 \u10e5\u10d5\u10d4\u10d5\u10e0\u10d8\u10e1 \u10e6\u10d5\u10d8\u10dc\u10dd, \u10e2\u10e0\u10d0\u10d3\u10d8\u10ea\u10d8\u10e3\u10da\u10d8 \u10db\u10d4\u10d7\u10dd\u10d3\u10d8, 0.75 \u10da \u10d1\u10dd\u10d7\u10da\u10d8\"\r\n             width=\"800\" height=\"1000\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\r\n      <\/div>\r\n      <span class=\"tn-pbadge\">2024<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"tn-ptext tn-rr\">\r\n      <span class=\"eyebrow t\">\u10e2\u10e0\u10d0\u10d3\u10d8\u10ea\u10d8\u10e3\u10da\u10d8 \u00b7 \u10e5\u10d5\u10d4\u10d5\u10e0\u10d8<\/span>\r\n      <h2>\u10ec\u10d0\u10e0\u10d0\u10e4\u10d8<\/h2>\r\n      <div class=\"lat\">Tsarapi<\/div>\r\n\r\n      <div class=\"tn-pdesc\">\r\n        <p><b>\u10d0\u10e0\u10dd\u10db\u10d0\u10e2\u10d8:<\/b> \u10db\u10ec\u10d8\u10e4\u10d4 \u10e7\u10d5\u10d8\u10d7\u10d4\u10da\u10d8 \u10ee\u10d8\u10da\u10d8.<\/p>\r\n        <p><b>\u10d2\u10d4\u10db\u10dd:<\/b> \u10e1\u10ee\u10d4\u10e3\u10da\u10d8\u10d0\u10dc\u10d8, \u10e0\u10d1\u10d8\u10da\u10d8, \u10d3\u10d0\u10d1\u10d0\u10da\u10d0\u10dc\u10e1\u10d4\u10d1\u10e3\u10da\u10d8 \u10e2\u10d0\u10dc\u10d8\u10dc\u10d4\u10d1\u10d8\u10d7 \u2014 \u10e5\u10d0\u10e0\u10d5\u10d8\u10e1\u10e4\u10d4\u10e0\u10d8 \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10dc\u10d0\u10db\u10d3\u10d5\u10d8\u10da\u10d8 \u10ee\u10d0\u10e1\u10d8\u10d0\u10d7\u10d8.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tn-pspecs\">\r\n        <div class=\"tn-pspec\">\r\n          <span class=\"lbl\">\u10db\u10d4\u10d7\u10dd\u10d3\u10d8<\/span>\r\n          <span class=\"val\">\u10e2\u10e0\u10d0\u10d3\u10d8\u10ea\u10d8\u10e3\u10da\u10d8<\/span>\r\n        <\/div>\r\n        <div class=\"tn-pspec\">\r\n          <span class=\"lbl\">\u10d0\u10da\u10d9\u10dd\u10f0\u10dd\u10da\u10d8<\/span>\r\n          <span class=\"val\">13.5%<\/span>\r\n        <\/div>\r\n        <div class=\"tn-pspec\">\r\n          <span class=\"lbl\">\u10db\u10dd\u10ea\u10e3\u10da\u10dd\u10d1\u10d0<\/span>\r\n          <span class=\"val\">0.75 \u10da<\/span>\r\n        <\/div>\r\n        <div class=\"tn-pspec\">\r\n          <span class=\"lbl\">\u10db\u10dd\u10e1\u10d0\u10d5\u10d0\u10da\u10d8<\/span>\r\n          <span class=\"val\">2024<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tn-paction\">\r\n        <div class=\"tn-pprice\">30 <span>\u20be<\/span><\/div>\r\n        <a href=\"\/contact\/\" class=\"btn btn--maroon\"><span>\u10e8\u10d4\u10d9\u10d5\u10d4\u10d7\u10d0<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"\/#wines\" class=\"btn btn--ghost\"><span>\u10e1\u10ee\u10d5\u10d0 \u10e6\u10d5\u10d8\u10dc\u10dd\u10d4\u10d1\u10d8<\/span><\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- \u10d5\u10d0\u10d6\u10d8\u10e1 \u10d3\u10d4\u10d9\u10dd\u10e0\u10d8 (\u10e1\u10d9\u10e0\u10dd\u10da\u10d6\u10d4 \u10d8\u10ee\u10d0\u10e2\u10d4\u10d1\u10d0) -->\r\n  <div class=\"wrap tn-ru\">\r\n    <svg class=\"tn-vine\" viewBox=\"0 0 200 46\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <path class=\"stem\" d=\"M6 30 C40 30 46 12 74 12 C102 12 108 30 130 30 C154 30 162 14 194 14\"\r\n            stroke=\"#DC9B1E\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\r\n      <path class=\"leaf\" d=\"M74 12 C66 4 56 4 52 10 C58 16 68 17 74 12 Z\" fill=\"#0E8E7F\" opacity=\".5\"\/>\r\n      <path class=\"leaf\" d=\"M130 30 C138 38 148 38 152 32 C146 26 136 25 130 30 Z\" fill=\"#0E8E7F\" opacity=\".5\"\/>\r\n      <circle class=\"grape\" cx=\"96\" cy=\"22\" r=\"3.4\" fill=\"#6B2331\"\/>\r\n      <circle class=\"grape\" cx=\"104\" cy=\"22\" r=\"3.4\" fill=\"#6B2331\"\/>\r\n      <circle class=\"grape\" cx=\"100\" cy=\"28\" r=\"3.4\" fill=\"#7E2A3A\"\/>\r\n      <circle class=\"grape\" cx=\"92\" cy=\"28\" r=\"3.2\" fill=\"#DC9B1E\"\/>\r\n      <circle class=\"grape\" cx=\"108\" cy=\"28\" r=\"3.2\" fill=\"#DC9B1E\"\/>\r\n      <circle class=\"grape\" cx=\"100\" cy=\"34\" r=\"3\" fill=\"#6B2331\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"tn-band\">\r\n  <div class=\"tn-band__bg\" id=\"tnBandBg\"><\/div>\r\n  <div class=\"tn-parts\" data-parts=\"10\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"wrap\">\r\n    <q class=\"tn-ru\">\u10e5\u10d5\u10d4\u10d5\u10e0\u10d8\u10e1 \u10e2\u10e0\u10d0\u10d3\u10d8\u10ea\u10d8\u10d0 \u10d3\u10d0 \u10e5\u10d0\u10e0\u10d5\u10d8\u10e1\u10e4\u10d4\u10e0\u10d8 \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10dc\u10d0\u10db\u10d3\u10d5\u10d8\u10da\u10d8 \u10ee\u10d0\u10e1\u10d8\u10d0\u10d7\u10d8, \u10e0\u10dd\u10db\u10d4\u10da\u10d8\u10ea \u10e7\u10dd\u10d5\u10d4\u10da \u10e7\u10da\u10e3\u10de\u10e8\u10d8 \u10d8\u10d2\u10e0\u10eb\u10dc\u10dd\u10d1\u10d0.<\/q>\r\n    <div class=\"by tn-ru\">\u10d9\u10d0\u10ee\u10d0 \u10d9\u10d5\u10d0\u10ee\u10d0\u10eb\u10d4 \u00b7 \u10e2\u10d4\u10e5\u10dc\u10dd\u10da\u10dd\u10d2\u10d8<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<footer class=\"tn-foot\">\r\n  <div class=\"wrap\">\r\n    <div class=\"grid\">\r\n      <div>\r\n        <div class=\"nm serif\">\r\n          <svg viewBox=\"0 0 120 132\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n            <g clip-path=\"url(#tnArch)\"><rect width=\"120\" height=\"132\" fill=\"#F6EEDC\"\/>\r\n              <circle cx=\"60\" cy=\"74\" r=\"23\" fill=\"url(#tnSun)\"\/>\r\n              <path d=\"M-4 132 L-4 92 Q26 70 56 88 Q84 104 124 80 L124 132 Z\" fill=\"url(#tnHill)\"\/>\r\n              <path d=\"M-4 132 L-4 108 Q34 92 66 106 Q96 118 124 100 L124 132 Z\" fill=\"#0A5F54\" opacity=\".85\"\/><\/g>\r\n            <path d=\"M8 118 L8 56 C8 20 28 6 60 6 C92 6 112 20 112 56 L112 118 Q112 126 104 126 L16 126 Q8 126 8 118 Z\" fill=\"none\" stroke=\"#6B2331\" stroke-width=\"2.4\"\/>\r\n          <\/svg> Tannino\r\n        <\/div>\r\n        <p class=\"lead\">\u10d1\u10e3\u10e2\u10d8\u10d9\u10e3\u10e0\u10d8 \u10e5\u10d0\u10e0\u10d7\u10e3\u10da\u10d8 \u10db\u10d0\u10e0\u10d0\u10dc\u10d8. \u10d0\u10d5\u10e2\u10dd\u10e5\u10e2\u10dd\u10dc\u10e3\u10e0\u10d8 \u10ef\u10d8\u10e8\u10d4\u10d1\u10d8, \u10db\u10d8\u10d9\u10e0\u10dd\u10d6\u10dd\u10dc\u10d8\u10e1 \u10e7\u10e3\u10e0\u10eb\u10d4\u10dc\u10d8, \u10ee\u10d4\u10da\u10dc\u10d0\u10d9\u10d4\u10d7\u10d8 \u10ee\u10d0\u10e0\u10d8\u10e1\u10ee\u10d8.<\/p>\r\n      <\/div>\r\n      <div>\r\n        <h4>\u10d9\u10dd\u10dc\u10e2\u10d0\u10e5\u10e2\u10d8<\/h4>\r\n        <div class=\"row\"><a href=\"tel:+995558190109\">+995 558 19 01 09<\/a><\/div>\r\n        <div class=\"row\"><a href=\"mailto:Kvakhadzewines@gmail.com\">Kvakhadzewines@gmail.com<\/a><\/div>\r\n        <div class=\"row\">\u10e1\u10d0\u10db\u10e3\u10e8\u10d0\u10dd \u10e1\u10d0\u10d0\u10d7\u10d4\u10d1\u10d8: 10:00\u201319:00<\/div>\r\n        <div class=\"soc\">\r\n          <a href=\"https:\/\/www.instagram.com\/_tannino\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg><\/a>\r\n          <a href=\"https:\/\/www.facebook.com\/profile.php?id=61561732002130\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M14 9h3V6h-3c-2 0-3 1-3 3v2H9v3h2v7h3v-7h2.5l.5-3H14V9z\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div>\r\n        <h4>\u10db\u10d8\u10e1\u10d0\u10db\u10d0\u10e0\u10d7\u10d8<\/h4>\r\n        <div class=\"row\">\u10db\u10d0\u10e0\u10d0\u10dc\u10d8: \u10e1\u10dd\u10e4\u10d4\u10da\u10d8 \u10eb\u10d4\u10d2\u10d5\u10d8, \u10db\u10ea\u10ee\u10d4\u10d7\u10d8\u10e1 \u10e0\u10d0\u10d8\u10dd\u10dc\u10d8<\/div>\r\n        <div class=\"row\">\u10dd\u10e4\u10d8\u10e1\u10d8: \u10d5\u10d0\u10ee\u10e2\u10d0\u10dc\u10d2 \u10d1\u10dd\u10ed\u10dd\u10e0\u10d8\u10e8\u10d5\u10d8\u10da\u10d8\u10e1 37\u10d1, \u10d7\u10d1\u10d8\u10da\u10d8\u10e1\u10d8<\/div>\r\n        <div class=\"row\"><a href=\"https:\/\/maps.app.goo.gl\/jZKjoY8VwYnddC7Y9\" target=\"_blank\" rel=\"noopener\">\u10e0\u10e3\u10d9\u10d0\u10d6\u10d4 \u10dc\u10d0\u10ee\u10d5\u10d0 \u2192<\/a><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"bottom\">\r\n      <span>\u00a9 2025 Tannino. \u10e7\u10d5\u10d4\u10da\u10d0 \u10e3\u10e4\u10da\u10d4\u10d1\u10d0 \u10d3\u10d0\u10ea\u10e3\u10da\u10d8\u10d0.<\/span>\r\n\r\n      <a href=\"https:\/\/digitalservices.ge\" target=\"_blank\" rel=\"noopener\" class=\"tn-ds-link\">\r\n        \u10d3\u10d0\u10db\u10d6\u10d0\u10d3\u10d4\u10d1\u10e3\u10da\u10d8\u10d0 <b>DigitalServices.ge<\/b>-\u10e1 \u10db\u10d8\u10d4\u10e0\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<button class=\"tn-top\" id=\"tnTop\" aria-label=\"\u10d6\u10d4\u10db\u10dd\u10d7 \u10d3\u10d0\u10d1\u10e0\u10e3\u10dc\u10d4\u10d1\u10d0\" type=\"button\">\r\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 19V5M5 12l7-7 7 7\"\/><\/svg>\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SEO \u2014 \u10de\u10e0\u10dd\u10d3\u10e3\u10e5\u10e2\u10d8\u10e1 \u10e1\u10e2\u10e0\u10e3\u10e5\u10e2\u10e3\u10e0\u10e3\u10da\u10d8 \u10db\u10dd\u10dc\u10d0\u10ea\u10d4\u10db\u10d4\u10d1\u10d8 (JSON-LD)\r\n     \u10e4\u10d0\u10e1\u10d8 \u10d3\u10d0 \u10db\u10d0\u10e0\u10d0\u10d2\u10d8 Google-\u10d8\u10e1 \u10eb\u10d8\u10d4\u10d1\u10d0\u10e8\u10d8 \u10de\u10d8\u10e0\u10d3\u10d0\u10de\u10d8\u10e0 \u10d2\u10d0\u10db\u10dd\u10e9\u10dc\u10d3\u10d4\u10d1\u10d0.\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@graph\": [\r\n    {\r\n      \"@type\": \"Product\",\r\n      \"@id\": \"https:\/\/tannino.ge\/warapi\/#product\",\r\n      \"name\": \"\u10ec\u10d0\u10e0\u10d0\u10e4\u10d8\",\r\n      \"alternateName\": \"Tsarapi\",\r\n      \"url\": \"https:\/\/tannino.ge\/warapi\/\",\r\n      \"image\": \"https:\/\/tannino.ge\/wp-content\/uploads\/2026\/06\/%E1%83%A7%E1%83%95%E1%83%98%E1%83%97%E1%83%94%E1%83%9A%E1%83%98-%E1%83%91%E1%83%9D%E1%83%97%E1%83%9A%E1%83%98.jpeg\",\r\n      \"description\": \"\u10d0\u10e0\u10dd\u10db\u10d0\u10e2\u10d8: \u10db\u10ec\u10d8\u10e4\u10d4 \u10e7\u10d5\u10d8\u10d7\u10d4\u10da\u10d8 \u10ee\u10d8\u10da\u10d8. \u10d2\u10d4\u10db\u10dd: \u10e1\u10ee\u10d4\u10e3\u10da\u10d8\u10d0\u10dc\u10d8, \u10e0\u10d1\u10d8\u10da\u10d8, \u10d3\u10d0\u10d1\u10d0\u10da\u10d0\u10dc\u10e1\u10d4\u10d1\u10e3\u10da\u10d8 \u10e2\u10d0\u10dc\u10d8\u10dc\u10d4\u10d1\u10d8\u10d7 \u2014 \u10e5\u10d0\u10e0\u10d5\u10d8\u10e1\u10e4\u10d4\u10e0\u10d8 \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10dc\u10d0\u10db\u10d3\u10d5\u10d8\u10da\u10d8 \u10ee\u10d0\u10e1\u10d8\u10d0\u10d7\u10d8. \u10e2\u10e0\u10d0\u10d3\u10d8\u10ea\u10d8\u10e3\u10da\u10d8 \u10e5\u10d5\u10d4\u10d5\u10e0\u10d8\u10e1 \u10db\u10d4\u10d7\u10dd\u10d3\u10d8, 13.5%, 0.75 \u10da, \u10db\u10dd\u10e1\u10d0\u10d5\u10d0\u10da\u10d8 2024.\",\r\n      \"category\": \"\u10e5\u10d0\u10e0\u10d5\u10d8\u10e1\u10e4\u10d4\u10e0\u10d8 (\u10e5\u10d5\u10d4\u10d5\u10e0\u10d8\u10e1) \u10e6\u10d5\u10d8\u10dc\u10dd\",\r\n      \"brand\": { \"@id\": \"https:\/\/tannino.ge\/#winery\" },\r\n      \"manufacturer\": { \"@id\": \"https:\/\/tannino.ge\/#winery\" },\r\n      \"countryOfOrigin\": { \"@type\": \"Country\", \"name\": \"Georgia\" },\r\n      \"additionalProperty\": [\r\n        { \"@type\": \"PropertyValue\", \"name\": \"\u10db\u10d4\u10d7\u10dd\u10d3\u10d8\", \"value\": \"\u10e2\u10e0\u10d0\u10d3\u10d8\u10ea\u10d8\u10e3\u10da\u10d8 (\u10e5\u10d5\u10d4\u10d5\u10e0\u10d8)\" },\r\n        { \"@type\": \"PropertyValue\", \"name\": \"\u10d0\u10da\u10d9\u10dd\u10f0\u10dd\u10da\u10d8\", \"value\": \"13.5%\" },\r\n        { \"@type\": \"PropertyValue\", \"name\": \"\u10db\u10dd\u10ea\u10e3\u10da\u10dd\u10d1\u10d0\", \"value\": \"0.75 \u10da\" },\r\n        { \"@type\": \"PropertyValue\", \"name\": \"\u10db\u10dd\u10e1\u10d0\u10d5\u10d0\u10da\u10d8\", \"value\": \"2024\" }\r\n      ],\r\n      \"offers\": {\r\n        \"@type\": \"Offer\",\r\n        \"url\": \"https:\/\/tannino.ge\/warapi\/\",\r\n        \"price\": \"30\",\r\n        \"priceCurrency\": \"GEL\",\r\n        \"availability\": \"https:\/\/schema.org\/InStock\",\r\n        \"itemCondition\": \"https:\/\/schema.org\/NewCondition\",\r\n        \"seller\": { \"@id\": \"https:\/\/tannino.ge\/#winery\" }\r\n      }\r\n    },\r\n    {\r\n      \"@type\": [\"Winery\", \"LocalBusiness\", \"Organization\"],\r\n      \"@id\": \"https:\/\/tannino.ge\/#winery\",\r\n      \"name\": \"Tannino\",\r\n      \"alternateName\": \"\u10e2\u10d0\u10dc\u10d8\u10dc\u10dd\",\r\n      \"url\": \"https:\/\/tannino.ge\/\",\r\n      \"logo\": \"https:\/\/tannino.ge\/wp-content\/uploads\/2026\/06\/tannino_logo_vector_hd_page-0001.jpg\",\r\n      \"telephone\": \"+995558190109\",\r\n      \"email\": \"Kvakhadzewines@gmail.com\",\r\n      \"priceRange\": \"25\u20be\u201330\u20be\",\r\n      \"address\": {\r\n        \"@type\": \"PostalAddress\",\r\n        \"streetAddress\": \"\u10e1\u10dd\u10e4\u10d4\u10da\u10d8 \u10eb\u10d4\u10d2\u10d5\u10d8\",\r\n        \"addressRegion\": \"\u10db\u10ea\u10ee\u10d4\u10d7\u10d8\u10e1 \u10e0\u10d0\u10d8\u10dd\u10dc\u10d8\",\r\n        \"addressCountry\": \"GE\"\r\n      },\r\n      \"sameAs\": [\r\n        \"https:\/\/www.instagram.com\/_tannino\/\",\r\n        \"https:\/\/www.facebook.com\/profile.php?id=61561732002130\"\r\n      ]\r\n    },\r\n    {\r\n      \"@type\": \"BreadcrumbList\",\r\n      \"@id\": \"https:\/\/tannino.ge\/warapi\/#breadcrumb\",\r\n      \"itemListElement\": [\r\n        { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"\u10db\u10d7\u10d0\u10d5\u10d0\u10e0\u10d8\", \"item\": \"https:\/\/tannino.ge\/\" },\r\n        { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"\u10e6\u10d5\u10d8\u10dc\u10dd\u10d4\u10d1\u10d8\", \"item\": \"https:\/\/tannino.ge\/#wines\" },\r\n        { \"@type\": \"ListItem\", \"position\": 3, \"name\": \"\u10ec\u10d0\u10e0\u10d0\u10e4\u10d8\", \"item\": \"https:\/\/tannino.ge\/warapi\/\" }\r\n      ]\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\r\n\r\n<script>\r\n(function(){\r\n  var root=document.querySelector('.tn-wine-single'); if(!root) return;\r\n  var rm=window.matchMedia('(prefers-reduced-motion:reduce)').matches;\r\n  var canHover=window.matchMedia('(hover:hover)').matches;\r\n\r\n  \/* hero intro *\/\r\n  var hero=root.querySelector('#tnHero');\r\n  requestAnimationFrame(function(){ requestAnimationFrame(function(){ if(hero) hero.classList.add('ready'); }); });\r\n\r\n  \/* nav + burger *\/\r\n  var nav=root.querySelector('#tnNav'), burger=root.querySelector('#tnBurger'), links=root.querySelector('#tnLinks');\r\n  function closeMenu(){\r\n    if(burger){ burger.classList.remove('x'); burger.setAttribute('aria-expanded','false'); }\r\n    if(links) links.classList.remove('open');\r\n    document.body.style.overflow='';\r\n  }\r\n  if(burger&&links){\r\n    burger.addEventListener('click',function(){\r\n      var open=links.classList.toggle('open'); burger.classList.toggle('x',open);\r\n      burger.setAttribute('aria-expanded',open?'true':'false');\r\n      document.body.style.overflow=open?'hidden':'';\r\n    });\r\n    links.querySelectorAll('a').forEach(function(a){ a.addEventListener('click',closeMenu); });\r\n    document.addEventListener('keydown',function(e){ if(e.key==='Escape') closeMenu(); });\r\n    window.addEventListener('orientationchange',closeMenu);\r\n    window.addEventListener('resize',function(){ if(window.innerWidth>1024) closeMenu(); });\r\n  }\r\n\r\n  \/* reveal *\/\r\n  var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target);} }); },{threshold:.16});\r\n  root.querySelectorAll('.tn-ru,.tn-rl,.tn-rr').forEach(function(el,i){ el.style.transitionDelay=((i%3)*0.09)+'s'; io.observe(el); });\r\n\r\n  \/* parallax + progress + back-to-top *\/\r\n  var heroBg=root.querySelector('#tnHeroBg'), band=root.querySelector('#tnBandBg'),\r\n      prog=root.querySelector('#tnProg'), top=root.querySelector('#tnTop'), tick=false;\r\n  function par2(el,speed){ var r=el.parentElement.getBoundingClientRect(); el.style.transform='translateY('+((r.top+r.height\/2-window.innerHeight\/2)*speed)+'px)'; }\r\n  function frame(){\r\n    var y=window.scrollY||window.pageYOffset;\r\n    if(!rm){\r\n      if(heroBg) heroBg.style.transform='translateY('+(y*0.16)+'px)';\r\n      if(band) par2(band,-0.06);\r\n    }\r\n    if(prog){ var h=document.documentElement.scrollHeight-window.innerHeight; prog.style.width=(h>0?(y\/h*100):0)+'%'; }\r\n    if(top) top.classList.toggle('show',y>620);\r\n    tick=false;\r\n  }\r\n  function onScroll(){ if(nav) nav.classList.toggle('scrolled',(window.scrollY||window.pageYOffset)>40); if(!tick){ tick=true; requestAnimationFrame(frame);} }\r\n  window.addEventListener('scroll',onScroll,{passive:true}); onScroll();\r\n\r\n  \/* \u10d6\u10d4\u10db\u10dd\u10d7 \u10d3\u10d0\u10d1\u10e0\u10e3\u10dc\u10d4\u10d1\u10d0 *\/\r\n  if(top) top.addEventListener('click',function(){ window.scrollTo({top:0,behavior:rm?'auto':'smooth'}); });\r\n\r\n  \/* \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10dc\u10d0\u10ec\u10d8\u10da\u10d0\u10d9\u10d4\u10d1\u10d8 *\/\r\n  if(!rm && window.innerWidth>780){\r\n    root.querySelectorAll('.tn-parts').forEach(function(host){\r\n      var n=parseInt(host.getAttribute('data-parts')||'12',10), fr=document.createDocumentFragment();\r\n      for(var i=0;i<n;i++){\r\n        var s=document.createElement('i'), sz=(3+Math.random()*6).toFixed(1);\r\n        s.style.left=(Math.random()*100).toFixed(2)+'%';\r\n        s.style.width=sz+'px'; s.style.height=sz+'px';\r\n        s.style.animationDuration=(12+Math.random()*14).toFixed(1)+'s';\r\n        s.style.animationDelay=(-Math.random()*20).toFixed(1)+'s';\r\n        fr.appendChild(s);\r\n      }\r\n      host.appendChild(fr);\r\n    });\r\n  }\r\n\r\n  \/* \u10e6\u10d8\u10da\u10d0\u10d9\u10d4\u10d1\u10d8: \u10db\u10d0\u10d2\u10dc\u10d8\u10e2\u10e3\u10e0\u10d8 \u10db\u10d8\u10d6\u10d8\u10d3\u10d5\u10d0 + \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10da\u10d0\u10e5\u10d0 *\/\r\n  root.querySelectorAll('.btn').forEach(function(b){\r\n    if(!rm&&canHover){\r\n      b.addEventListener('mousemove',function(e){\r\n        var r=b.getBoundingClientRect();\r\n        var x=(e.clientX-r.left-r.width\/2)*0.16, y=(e.clientY-r.top-r.height\/2)*0.26;\r\n        b.style.transform='translate('+x.toFixed(1)+'px,'+(y-3).toFixed(1)+'px)';\r\n      });\r\n      b.addEventListener('mouseleave',function(){ b.style.transform=''; });\r\n    }\r\n    b.addEventListener('click',function(e){\r\n      var r=b.getBoundingClientRect(), s=document.createElement('span');\r\n      s.className='tn-ink';\r\n      s.style.left=((e.clientX||r.left+r.width\/2)-r.left)+'px';\r\n      s.style.top=((e.clientY||r.top+r.height\/2)-r.top)+'px';\r\n      b.appendChild(s);\r\n      setTimeout(function(){ if(s.parentNode) s.parentNode.removeChild(s); },720);\r\n    });\r\n  });\r\n\r\n  \/* \u10de\u10e0\u10dd\u10d3\u10e3\u10e5\u10e2\u10d8\u10e1 \u10e4\u10dd\u10e2\u10dd: 3D tilt + \u10dd\u10e5\u10e0\u10dd\u10e1 \u10e1\u10de\u10dd\u10e2\u10da\u10d0\u10d8\u10d7\u10d8 (desktop only) *\/\r\n  if(!rm&&canHover){\r\n    root.querySelectorAll('.tn-pmedia').forEach(function(m){\r\n      var f=m.querySelector('.tn-pframe'); if(!f) return;\r\n      m.addEventListener('mousemove',function(e){\r\n        var r=m.getBoundingClientRect();\r\n        var px=(e.clientX-r.left)\/r.width, py=(e.clientY-r.top)\/r.height;\r\n        f.style.transform='rotateY('+((px-.5)*6)+'deg) rotateX('+((-(py-.5))*6)+'deg)';\r\n        var fr=f.getBoundingClientRect();\r\n        f.style.setProperty('--mx',(((e.clientX-fr.left)\/fr.width)*100).toFixed(1)+'%');\r\n        f.style.setProperty('--my',(((e.clientY-fr.top)\/fr.height)*100).toFixed(1)+'%');\r\n      });\r\n      m.addEventListener('mouseleave',function(){ f.style.transform=''; });\r\n    });\r\n  }\r\n\r\n  \/* \u10e4\u10d0\u10e1\u10d8\u10e1 \u10d0\u10dc\u10d8\u10db\u10d0\u10ea\u10d8\u10d0 (\u10ea\u10d8\u10e4\u10e0\u10d8 \u201e\u10e9\u10d0\u10db\u10dd\u10d8\u10e1\u10ee\u10db\u10d4\u10d1\u10d0\u201c) \u2014 \u10e1\u10d0\u10d1\u10dd\u10da\u10dd\u10dd \u10e2\u10d4\u10e5\u10e1\u10e2\u10d8 \u10e3\u10ea\u10d5\u10da\u10d4\u10da\u10d8\u10d0 *\/\r\n  if(!rm){\r\n    var priceEl=root.querySelector('.tn-pprice');\r\n    if(priceEl){\r\n      var pio=new IntersectionObserver(function(es){\r\n        es.forEach(function(e){\r\n          if(!e.isIntersecting) return;\r\n          pio.unobserve(e.target);\r\n          var el=e.target, node=el.firstChild;           \/* \u10db\u10ee\u10dd\u10da\u10dd\u10d3 \u10ea\u10d8\u10e4\u10e0\u10d8, \u20be \u10ee\u10d4\u10da\u10e3\u10ee\u10da\u10d4\u10d1\u10d4\u10da\u10d8\u10d0 *\/\r\n          if(!node||node.nodeType!==3) return;\r\n          var txt=node.nodeValue, m=txt.match(\/\\d+\/);\r\n          if(!m) return;\r\n          var end=parseInt(m[0],10), t0=null, dur=850;\r\n          node.nodeValue=txt.replace(\/\\d+\/,'0');\r\n          requestAnimationFrame(function step(ts){\r\n            if(!t0) t0=ts;\r\n            var p=Math.min((ts-t0)\/dur,1), v=Math.round(end*(1-Math.pow(1-p,3)));\r\n            node.nodeValue=txt.replace(\/\\d+\/,v);\r\n            if(p<1){ requestAnimationFrame(step); } else { node.nodeValue=txt; }\r\n          });\r\n        });\r\n      },{threshold:.6});\r\n      pio.observe(priceEl);\r\n    }\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\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>Tannino \u10db\u10d7\u10d0\u10d5\u10d0\u10e0\u10d8 \u10e9\u10d5\u10d4\u10dc \u10e8\u10d4\u10e1\u10d0\u10ee\u10d4\u10d1 \u10e6\u10d5\u10d8\u10dc\u10dd\u10d4\u10d1\u10d8 \u10d9\u10dd\u10dc\u10e2\u10d0\u10e5\u10e2\u10d8 \u10d9\u10dd\u10da\u10d4\u10e5\u10ea\u10d8\u10d0 \u00b7 TANNINO \u10ec\u10d0\u10e0\u10d0\u10e4\u10d8 2024 \u10e2\u10e0\u10d0\u10d3\u10d8\u10ea\u10d8\u10e3\u10da\u10d8 \u00b7 \u10e5\u10d5\u10d4\u10d5\u10e0\u10d8 \u10ec\u10d0\u10e0\u10d0\u10e4\u10d8 Tsarapi \u10d0\u10e0\u10dd\u10db\u10d0\u10e2\u10d8: \u10db\u10ec\u10d8\u10e4\u10d4 \u10e7\u10d5\u10d8\u10d7\u10d4\u10da\u10d8 \u10ee\u10d8\u10da\u10d8. \u10d2\u10d4\u10db\u10dd: \u10e1\u10ee\u10d4\u10e3\u10da\u10d8\u10d0\u10dc\u10d8, \u10e0\u10d1\u10d8\u10da\u10d8, \u10d3\u10d0\u10d1\u10d0\u10da\u10d0\u10dc\u10e1\u10d4\u10d1\u10e3\u10da\u10d8 \u10e2\u10d0\u10dc\u10d8\u10dc\u10d4\u10d1\u10d8\u10d7 \u2014 \u10e5\u10d0\u10e0\u10d5\u10d8\u10e1\u10e4\u10d4\u10e0\u10d8 \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10dc\u10d0\u10db\u10d3\u10d5\u10d8\u10da\u10d8 \u10ee\u10d0\u10e1\u10d8\u10d0\u10d7\u10d8. \u10db\u10d4\u10d7\u10dd\u10d3\u10d8 \u10e2\u10e0\u10d0\u10d3\u10d8\u10ea\u10d8\u10e3\u10da\u10d8 \u10d0\u10da\u10d9\u10dd\u10f0\u10dd\u10da\u10d8 13.5% \u10db\u10dd\u10ea\u10e3\u10da\u10dd\u10d1\u10d0 0.75 \u10da \u10db\u10dd\u10e1\u10d0\u10d5\u10d0\u10da\u10d8 2024 30 \u20be \u10e8\u10d4\u10d9\u10d5\u10d4\u10d7\u10d0 \u10e1\u10ee\u10d5\u10d0 \u10e6\u10d5\u10d8\u10dc\u10dd\u10d4\u10d1\u10d8 \u10e5\u10d5\u10d4\u10d5\u10e0\u10d8\u10e1 \u10e2\u10e0\u10d0\u10d3\u10d8\u10ea\u10d8\u10d0 \u10d3\u10d0 \u10e5\u10d0\u10e0\u10d5\u10d8\u10e1\u10e4\u10d4\u10e0\u10d8 \u10e6\u10d5\u10d8\u10dc\u10d8\u10e1 \u10dc\u10d0\u10db\u10d3\u10d5\u10d8\u10da\u10d8 \u10ee\u10d0\u10e1\u10d8\u10d0\u10d7\u10d8, \u10e0\u10dd\u10db\u10d4\u10da\u10d8\u10ea \u10e7\u10dd\u10d5\u10d4\u10da \u10e7\u10da\u10e3\u10de\u10e8\u10d8 \u10d8\u10d2\u10e0\u10eb\u10dc\u10dd\u10d1\u10d0. [&hellip;]<\/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":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-4537","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tannino.ge\/en\/wp-json\/wp\/v2\/pages\/4537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tannino.ge\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tannino.ge\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tannino.ge\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tannino.ge\/en\/wp-json\/wp\/v2\/comments?post=4537"}],"version-history":[{"count":3,"href":"https:\/\/tannino.ge\/en\/wp-json\/wp\/v2\/pages\/4537\/revisions"}],"predecessor-version":[{"id":4611,"href":"https:\/\/tannino.ge\/en\/wp-json\/wp\/v2\/pages\/4537\/revisions\/4611"}],"wp:attachment":[{"href":"https:\/\/tannino.ge\/en\/wp-json\/wp\/v2\/media?parent=4537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}