.gvi-smart-slide{padding:0!important;background:#eaf4ef!important}
.gvi-smart-slide>.gpp-smart-slide-shell,.gvi-slide-shell{width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;overflow:hidden!important}
.gvi-card{width:100%;height:100%;min-height:0;font-family:var(--gpp-font-ui,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);--gvi-pot-main:#c77547;--gvi-pot-dark:#874322;--gvi-pot-light:#efa67c;--gvi-pot-line:rgba(103,45,20,.24);--gvi-ink:#173d35;--gvi-green:#1c7a58}
.gvi-experience{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 38%,#ffffff 0,#f2faf6 31%,#dcefe6 72%,#cde5d9 100%);isolation:isolate}
.gvi-experience:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.56),transparent 34%,rgba(29,105,77,.04) 65%,rgba(255,255,255,.25));pointer-events:none;z-index:1}
.gvi-experience:after{content:"";position:absolute;left:8%;right:8%;bottom:20%;height:18%;border-radius:50%;background:radial-gradient(ellipse,rgba(29,78,60,.16),transparent 65%);filter:blur(18px);pointer-events:none;z-index:1}
.gvi-topbar{position:absolute;z-index:30;left:14px;right:14px;top:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}
.gvi-topbar>div{min-width:0}
.gvi-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(24,96,70,.10);backdrop-filter:blur(14px);color:#397762;font:900 7px/1 var(--gpp-font-ui,system-ui);letter-spacing:.15em;box-shadow:0 10px 24px rgba(20,70,52,.07)}
.gvi-eyebrow i{width:7px;height:7px;border-radius:50%;background:#41b57c;box-shadow:0 0 0 4px rgba(65,181,124,.14)}
.gvi-topbar h2{margin:8px 0 0!important;max-width:75vw;color:#173d35!important;font:900 clamp(23px,6vw,34px)/.98 var(--gpp-font-title,var(--gpp-font-ui,system-ui))!important;letter-spacing:-.045em!important;text-wrap:balance}
.gvi-topbar em{display:block;margin-top:5px;color:#688078;font:700 10px/1.2 Georgia,serif}
.gvi-category{flex:0 0 auto;max-width:34%;padding:7px 10px;border-radius:999px;background:rgba(22,72,54,.82);color:#fff;font:850 7px/1 var(--gpp-font-ui,system-ui);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 10px 22px rgba(16,63,46,.14)}
.gvi-canvas{position:absolute;z-index:3;inset:0;overflow:hidden;outline:0;touch-action:pan-y;cursor:pointer}
.gvi-canvas:focus-visible{box-shadow:inset 0 0 0 3px rgba(27,117,83,.36)}
.gvi-backdrop-orb{position:absolute;left:50%;top:48%;width:min(82vw,520px);height:min(82vw,520px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96) 0,rgba(255,255,255,.72) 38%,rgba(255,255,255,.10) 66%,transparent 73%);filter:blur(.2px);z-index:0}
.gvi-floor{position:absolute;left:12%;right:12%;bottom:25%;height:9%;border-radius:50%;background:radial-gradient(ellipse,rgba(20,58,45,.21),rgba(20,58,45,.04) 56%,transparent 72%);filter:blur(8px);z-index:1}
.gvi-scene{position:absolute;z-index:5;left:0;right:0;top:86px;bottom:150px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(16px) scale(.97);transition:opacity .22s ease,transform .32s cubic-bezier(.22,.8,.25,1),visibility 0s linear .32s;pointer-events:none}
.gvi-scene[aria-hidden="false"]{opacity:1;visibility:visible;transform:none;transition-delay:0s;pointer-events:auto}
.gvi-answer{position:absolute;z-index:35;left:12px;right:12px;bottom:76px;min-height:72px;padding:11px 14px;border-radius:20px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.78);backdrop-filter:blur(18px);box-shadow:0 16px 34px rgba(16,65,47,.13);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .14s ease,transform .14s ease}
.gvi-answer.is-changing{opacity:.35;transform:translateY(3px)}
.gvi-answer small{color:#68847a;font:900 7px/1 var(--gpp-font-ui,system-ui);letter-spacing:.16em}
.gvi-answer strong{display:block;margin-top:5px;color:#153d33;font:900 clamp(18px,5vw,26px)/1.05 var(--gpp-font-ui,system-ui);letter-spacing:-.02em}
.gvi-answer span{display:block;margin-top:4px;color:#6c817a;font:800 9px/1.2 var(--gpp-font-ui,system-ui)}
.gvi-tap-hint{position:absolute;z-index:34;left:50%;bottom:153px;transform:translateX(-50%);padding:5px 8px;border-radius:999px;background:rgba(20,72,53,.72);color:rgba(255,255,255,.92);font:800 7px/1 var(--gpp-font-ui,system-ui);letter-spacing:.05em;white-space:nowrap;opacity:.72}

/* reusable pot */
.gvi-pot-model{position:relative;width:var(--pot-w,130px);height:var(--pot-h,116px);filter:drop-shadow(0 16px 15px rgba(45,48,38,.18));transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s ease}
.gvi-pot-shadow{position:absolute;z-index:0;left:10%;right:10%;bottom:-8px;height:16px;border-radius:50%;background:rgba(20,41,33,.22);filter:blur(7px)}
.gvi-pot-body{position:absolute;z-index:2;left:8%;right:8%;top:23%;bottom:4%;clip-path:polygon(0 0,100% 0,87% 100%,13% 100%);border-radius:9px 9px 28px 28px;background:linear-gradient(104deg,rgba(255,255,255,.18),transparent 24%),linear-gradient(145deg,var(--gvi-pot-light),var(--gvi-pot-main) 45%,var(--gvi-pot-dark));box-shadow:inset 10px 0 16px rgba(255,255,255,.14),inset -12px -8px 18px rgba(54,20,8,.17);border:1px solid var(--gvi-pot-line);transition:all .45s cubic-bezier(.2,.8,.2,1)}
.gvi-pot-rim{position:absolute;z-index:4;left:0;right:0;top:13%;height:25%;border-radius:16px;background:linear-gradient(180deg,#f3b189,var(--gvi-pot-light) 42%,var(--gvi-pot-main));box-shadow:0 7px 11px rgba(75,32,14,.16),inset 0 4px 6px rgba(255,255,255,.28);border:1px solid var(--gvi-pot-line);transition:all .45s cubic-bezier(.2,.8,.2,1)}
.gvi-pot-soil{position:absolute;z-index:5;left:7%;right:7%;top:14%;height:11%;border-radius:50%;background:radial-gradient(ellipse,#6e4d35,#3b271c);box-shadow:inset 0 4px 6px rgba(0,0,0,.28)}

/* material styles */
.gvi-material-terracotta{--gvi-pot-main:#c86e43;--gvi-pot-dark:#843f22;--gvi-pot-light:#efaa7e;--gvi-pot-line:rgba(98,42,18,.24)}
.gvi-material-ceramic{--gvi-pot-main:#eeeae0;--gvi-pot-dark:#aeb9b3;--gvi-pot-light:#fff;--gvi-pot-line:rgba(82,110,100,.18)}
.gvi-material-plastic{--gvi-pot-main:#6c9f89;--gvi-pot-dark:#2f6552;--gvi-pot-light:#a9cfbc;--gvi-pot-line:rgba(22,80,58,.18)}
.gvi-material-cement{--gvi-pot-main:#a8aaa5;--gvi-pot-dark:#666a66;--gvi-pot-light:#d8d8d3;--gvi-pot-line:rgba(63,68,63,.20)}
.gvi-material-metal{--gvi-pot-main:#b9c2c0;--gvi-pot-dark:#52605d;--gvi-pot-light:#f0f5f4;--gvi-pot-line:rgba(53,67,63,.24)}
.gvi-material-glass{--gvi-pot-main:rgba(169,221,225,.22);--gvi-pot-dark:rgba(67,129,135,.34);--gvi-pot-light:rgba(255,255,255,.76);--gvi-pot-line:rgba(73,145,151,.38)}
.gvi-material-glass .gvi-pot-body,.gvi-material-glass .gvi-pot-rim{backdrop-filter:blur(2px)}

/* SIZE */
.gvi-size-scene{align-items:flex-end;padding:0 18px 12px}
.gvi-size-pots{width:min(92%,540px);height:100%;display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,4vw,28px);padding-bottom:24px}
.gvi-size-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;opacity:.42;transform:translateY(16px) scale(.78);transition:opacity .35s ease,transform .55s cubic-bezier(.16,.9,.28,1)}
.gvi-size-choice>span{position:absolute;bottom:-22px;color:#71867e;font:850 7px/1 var(--gpp-font-ui,system-ui);letter-spacing:.08em;text-transform:uppercase}
.gvi-size-choice>strong{position:absolute;left:50%;top:-34px;transform:translateX(-50%);padding:7px 10px;border-radius:999px;background:#176e50;color:#fff;font:900 10px/1 var(--gpp-font-ui,system-ui);white-space:nowrap;box-shadow:0 10px 22px rgba(21,91,65,.20)}
.gvi-size-small .gvi-pot-model{--pot-w:84px;--pot-h:75px}.gvi-size-large .gvi-pot-model{--pot-w:142px;--pot-h:132px}.gvi-size-ideal .gvi-pot-model{--pot-w:126px;--pot-h:116px;transform:scale(var(--gvi-size-scale))}
.gvi-size-choice.gvi-size-ideal{opacity:1;transform:translateY(-18px) scale(1)}
.gvi-size-ruler{position:absolute;z-index:8;left:18px;top:16%;bottom:15%;width:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#236d54;opacity:.9}
.gvi-size-ruler i{position:absolute;top:20px;bottom:20px;width:2px;background:#2b775d;border-radius:99px}
.gvi-size-ruler i:before,.gvi-size-ruler i:after{content:"";position:absolute;left:-7px;width:16px;height:2px;background:#2b775d}.gvi-size-ruler i:before{top:0}.gvi-size-ruler i:after{bottom:0}
.gvi-size-ruler b{position:absolute;top:50%;left:30px;transform:translateY(-60%);font:900 18px/1 var(--gpp-font-ui,system-ui);white-space:nowrap}.gvi-size-ruler small{position:absolute;top:calc(50% + 12px);left:31px;font:900 7px/1 var(--gpp-font-ui,system-ui);letter-spacing:.14em}
.gvi-is-animating[data-gvi-scene="size"] .gvi-size-choice{animation:gvi-size-side .65s both}
.gvi-is-animating[data-gvi-scene="size"] .gvi-size-ideal{animation:gvi-size-ideal .75s cubic-bezier(.15,.9,.25,1) both}
@keyframes gvi-size-side{from{opacity:0;transform:translateY(40px) scale(.58)}to{opacity:.42;transform:translateY(16px) scale(.78)}}
@keyframes gvi-size-ideal{0%{opacity:0;transform:translateY(76px) scale(.42)}65%{opacity:1;transform:translateY(-26px) scale(1.05)}100%{opacity:1;transform:translateY(-18px) scale(1)}}

/* SHAPE */
.gvi-shape-track{width:min(94%,590px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:8px;padding:12px}
.gvi-shape-option{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;opacity:.28;transform:translateY(28px) scale(.72);transition:opacity .35s ease,transform .55s cubic-bezier(.16,.9,.28,1)}
.gvi-shape-option span{max-width:100%;color:#698078;font:850 7px/1.15 var(--gpp-font-ui,system-ui);text-align:center;text-transform:uppercase;letter-spacing:.04em}
.gvi-shape-option .gvi-pot-model{--pot-w:96px;--pot-h:92px}
.gvi-pot-wide{--pot-w:112px!important;--pot-h:70px!important}.gvi-pot-wide .gvi-pot-body{clip-path:polygon(2% 0,98% 0,86% 100%,14% 100%);border-radius:12px 12px 34px 34px}.gvi-pot-wide .gvi-pot-rim{height:31%}
.gvi-pot-tall{--pot-w:76px!important;--pot-h:122px!important}.gvi-pot-tall .gvi-pot-body{clip-path:polygon(3% 0,97% 0,83% 100%,17% 100%);border-radius:9px 9px 22px 22px}
.gvi-pot-hanging{--pot-w:102px!important;--pot-h:78px!important}.gvi-pot-hanging .gvi-pot-body{clip-path:ellipse(48% 55% at 50% 40%);border-radius:50%}
.gvi-hanger-lines{position:absolute;left:50%;bottom:75px;width:90px;height:102px;transform:translateX(-50%);border-left:2px solid rgba(40,91,70,.35);border-right:2px solid rgba(40,91,70,.35);clip-path:polygon(0 0,100% 0,66% 100%,34% 100%)}
.gvi-shape-wide .gvi-shape-option-wide,.gvi-shape-classic .gvi-shape-option-classic,.gvi-shape-tall .gvi-shape-option-tall,.gvi-shape-hanging .gvi-shape-option-hanging{opacity:1;transform:translateY(-22px) scale(1.18);z-index:3}
.gvi-shape-wide .gvi-shape-option-wide span,.gvi-shape-classic .gvi-shape-option-classic span,.gvi-shape-tall .gvi-shape-option-tall span,.gvi-shape-hanging .gvi-shape-option-hanging span{color:#1d7053}
.gvi-is-animating[data-gvi-scene="shape"] .gvi-shape-option{animation:gvi-shape-in .55s both}
.gvi-is-animating[data-gvi-scene="shape"] .gvi-shape-option:nth-child(2){animation-delay:.06s}.gvi-is-animating[data-gvi-scene="shape"] .gvi-shape-option:nth-child(3){animation-delay:.12s}.gvi-is-animating[data-gvi-scene="shape"] .gvi-shape-option:nth-child(4){animation-delay:.18s}
@keyframes gvi-shape-in{from{opacity:0;transform:translateY(70px) scale(.45)}to{}}

/* MATERIAL */
.gvi-material-stage{position:relative;width:min(94%,500px);height:100%;display:flex;align-items:center;justify-content:center}
.gvi-material-pot-wrap{position:relative;transform:translateY(-8px)}
.gvi-material-hero{--pot-w:190px;--pot-h:176px}
.gvi-material-hero .gvi-pot-body{background:linear-gradient(105deg,rgba(255,255,255,.30),transparent 22%),linear-gradient(145deg,var(--gvi-pot-light),var(--gvi-pot-main) 45%,var(--gvi-pot-dark));background-size:100% 100%}
.gvi-material-terracotta .gvi-material-hero .gvi-pot-body{background-image:radial-gradient(circle at 17% 28%,rgba(94,41,20,.25) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 58%,rgba(255,255,255,.18) 0 1px,transparent 1.5px),linear-gradient(145deg,var(--gvi-pot-light),var(--gvi-pot-main) 45%,var(--gvi-pot-dark));background-size:18px 18px,24px 24px,100% 100%}
.gvi-material-ceramic .gvi-material-hero .gvi-pot-body{box-shadow:inset 20px 0 25px rgba(255,255,255,.50),inset -15px -10px 20px rgba(74,91,84,.12),0 18px 28px rgba(30,60,49,.16)}
.gvi-material-plastic .gvi-material-hero .gvi-pot-body{background:linear-gradient(110deg,rgba(255,255,255,.24),transparent 26%),linear-gradient(145deg,var(--gvi-pot-light),var(--gvi-pot-main) 50%,var(--gvi-pot-dark))}
.gvi-material-cement .gvi-material-hero .gvi-pot-body{background-image:radial-gradient(circle,rgba(65,68,64,.24) 0 1px,transparent 1.4px),linear-gradient(145deg,var(--gvi-pot-light),var(--gvi-pot-main) 48%,var(--gvi-pot-dark));background-size:12px 12px,100% 100%}
.gvi-material-metal .gvi-material-hero .gvi-pot-body{background:repeating-linear-gradient(90deg,rgba(255,255,255,.20) 0 3px,rgba(0,0,0,.05) 4px 6px),linear-gradient(145deg,var(--gvi-pot-light),var(--gvi-pot-main),var(--gvi-pot-dark))}
.gvi-material-glass .gvi-material-hero .gvi-pot-body{background:linear-gradient(100deg,rgba(255,255,255,.60),rgba(118,199,206,.10) 35%,rgba(35,112,120,.25));border:2px solid rgba(66,146,153,.36);box-shadow:inset 10px 0 18px rgba(255,255,255,.32),0 18px 28px rgba(30,85,87,.13)}
.gvi-material-glint{position:absolute;z-index:8;left:31px;top:44px;width:18px;height:98px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,0));transform:rotate(8deg);filter:blur(1px);opacity:.72}
.gvi-material-chips{position:absolute;inset:0;pointer-events:none}
.gvi-material-chips i{position:absolute;width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.86);box-shadow:0 10px 22px rgba(30,70,55,.16)}
.gvi-material-chips i[data-material="terracotta"]{left:2%;top:18%;background:#c97549}.gvi-material-chips i[data-material="ceramic"]{right:2%;top:18%;background:linear-gradient(145deg,#fff,#b9c2bd)}.gvi-material-chips i[data-material="plastic"]{left:5%;bottom:14%;background:#5d967e}.gvi-material-chips i[data-material="glass"]{right:5%;bottom:14%;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(91,181,190,.45))}.gvi-material-chips i[data-material="cement"]{left:50%;top:3%;transform:translateX(-50%);background:linear-gradient(145deg,#d1d2ce,#777b76)}.gvi-material-chips i[data-material="metal"]{left:50%;bottom:2%;transform:translateX(-50%);background:linear-gradient(145deg,#f1f5f4,#66726f)}
.gvi-material-terracotta .gvi-material-chips i[data-material="terracotta"],.gvi-material-ceramic .gvi-material-chips i[data-material="ceramic"],.gvi-material-plastic .gvi-material-chips i[data-material="plastic"],.gvi-material-glass .gvi-material-chips i[data-material="glass"],.gvi-material-cement .gvi-material-chips i[data-material="cement"],.gvi-material-metal .gvi-material-chips i[data-material="metal"]{outline:4px solid rgba(30,121,86,.24);scale:1.18}
.gvi-is-animating[data-gvi-scene="material"] .gvi-material-hero{animation:gvi-material-rise .72s cubic-bezier(.15,.9,.25,1) both}.gvi-is-animating[data-gvi-scene="material"] .gvi-material-glint{animation:gvi-glint 1.1s .3s both}
@keyframes gvi-material-rise{from{transform:translateY(90px) scale(.55);opacity:0}70%{transform:translateY(-10px) scale(1.04);opacity:1}to{transform:none;opacity:1}}
@keyframes gvi-glint{from{transform:translateX(-80px) rotate(8deg);opacity:0}50%{opacity:.85}to{transform:translateX(105px) rotate(8deg);opacity:0}}

/* DRAINAGE */
.gvi-cutaway{position:relative;width:min(92%,460px);height:100%;display:flex;align-items:center;justify-content:center}
.gvi-cutaway-pot{position:relative;width:220px;height:180px;overflow:hidden;clip-path:polygon(4% 0,96% 0,83% 100%,17% 100%);border:7px solid #bf6b42;border-top-width:18px;border-radius:18px 18px 48px 48px;background:#ede3ce;box-shadow:inset 12px 0 18px rgba(255,255,255,.35),0 18px 30px rgba(49,47,35,.18)}
.gvi-layer{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-around;overflow:hidden}
.gvi-layer-soil{top:0;height:54px;background:linear-gradient(#65452f,#4c3223)}
.gvi-layer-substrate{top:54px;height:70px;background:linear-gradient(#a8805a,#8e6848)}
.gvi-layer-drain{bottom:0;height:56px;background:linear-gradient(#d3b790,#b99a70)}
.gvi-layer i{display:block;border-radius:50%}.gvi-layer-soil i{width:20px;height:14px;background:#80593d;box-shadow:25px 5px 0 #3b281d,-22px -4px 0 #967051}.gvi-layer-substrate i{width:19px;height:19px;background:#c8a27b;box-shadow:20px 8px 0 #7b583d,-18px -7px 0 #e0c09c}.gvi-layer-drain i{width:25px;height:20px;background:#8b806f;box-shadow:22px 3px 0 #b9ad99,-22px -4px 0 #766e61}
.gvi-root-system{position:absolute;z-index:5;left:50%;top:8px;width:120px;height:135px;transform:translateX(-50%)}
.gvi-root-system i{position:absolute;left:50%;top:0;width:4px;height:115px;border-radius:99px;background:#e6c79f;transform-origin:top;box-shadow:0 0 0 1px rgba(112,72,36,.10)}.gvi-root-system i:nth-child(2){transform:rotate(22deg);height:105px}.gvi-root-system i:nth-child(3){transform:rotate(-24deg);height:108px}.gvi-root-system i:nth-child(4){transform:rotate(42deg);height:84px}.gvi-root-system i:nth-child(5){transform:rotate(-43deg);height:86px}
.gvi-drain-holes{position:absolute;z-index:6;left:50%;bottom:2px;display:flex;gap:20px;transform:translateX(-50%)}.gvi-drain-holes i{width:15px;height:8px;border-radius:50%;background:#3d3025}
.gvi-water-streams{position:absolute;left:50%;top:calc(50% + 85px);display:flex;gap:24px;transform:translateX(-50%)}.gvi-water-streams i{width:8px;height:34px;border-radius:50% 50% 70% 70%;background:linear-gradient(#7fd9f2,#40afd5);opacity:.9;animation:gvi-water-fall 1.1s ease-in infinite}.gvi-water-streams i:nth-child(2){animation-delay:.23s}.gvi-water-streams i:nth-child(3){animation-delay:.46s}
.gvi-drain-label{position:absolute;right:0;top:50%;max-width:90px;color:#36745f;font:900 9px/1.2 var(--gpp-font-ui,system-ui);text-transform:uppercase;letter-spacing:.08em}
.gvi-is-animating[data-gvi-scene="drainage"] .gvi-cutaway-pot{animation:gvi-cutaway-rise .65s cubic-bezier(.15,.9,.25,1) both}
@keyframes gvi-cutaway-rise{from{transform:translateY(90px) scale(.55);opacity:0}to{transform:none;opacity:1}}
@keyframes gvi-water-fall{0%{transform:translateY(-8px) scaleY(.45);opacity:0}25%{opacity:1}100%{transform:translateY(42px) scaleY(1);opacity:0}}

/* REPOT */
.gvi-repot-flow{width:min(94%,560px);display:grid;grid-template-columns:1fr 70px 1fr;align-items:end;gap:4px;padding:16px}
.gvi-old-pot,.gvi-new-pot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:220px}
.gvi-old-pot .gvi-pot-model{--pot-w:116px;--pot-h:104px}.gvi-new-pot .gvi-pot-model{--pot-w:164px;--pot-h:148px}
.gvi-old-pot>span,.gvi-new-pot>span{margin-top:8px;color:#6d8179;font:850 8px/1 var(--gpp-font-ui,system-ui);text-transform:uppercase;letter-spacing:.07em}
.gvi-bound-roots{position:absolute;z-index:8;left:50%;bottom:50px;width:98px;height:82px;transform:translateX(-50%);border-radius:20px;overflow:hidden}
.gvi-bound-roots i{position:absolute;left:50%;top:0;width:3px;height:78px;border-radius:99px;background:#e2bd91;transform-origin:top}.gvi-bound-roots i:nth-child(2){transform:rotate(27deg)}.gvi-bound-roots i:nth-child(3){transform:rotate(-28deg)}.gvi-bound-roots i:nth-child(4){transform:rotate(48deg);height:60px}.gvi-bound-roots i:nth-child(5){transform:rotate(-49deg);height:62px}.gvi-bound-roots i:nth-child(6){height:94px;transform:rotate(7deg)}
.gvi-repot-arrow{position:relative;height:80px;align-self:center}.gvi-repot-arrow i{position:absolute;left:8px;right:8px;top:38px;height:4px;border-radius:99px;background:#268060}.gvi-repot-arrow i:after{content:"";position:absolute;right:-2px;top:-6px;width:14px;height:14px;border-top:4px solid #268060;border-right:4px solid #268060;transform:rotate(45deg)}
.gvi-is-animating[data-gvi-scene="repot"] .gvi-old-pot{animation:gvi-old-pot .8s both}.gvi-is-animating[data-gvi-scene="repot"] .gvi-new-pot{animation:gvi-new-pot .8s .12s cubic-bezier(.15,.9,.25,1) both}.gvi-is-animating[data-gvi-scene="repot"] .gvi-repot-arrow{animation:gvi-arrow .7s .25s both}
@keyframes gvi-old-pot{from{transform:translateX(60px) scale(1.1);opacity:0}to{transform:none;opacity:1}}
@keyframes gvi-new-pot{from{transform:translateY(100px) scale(.45);opacity:0}70%{transform:translateY(-8px) scale(1.04);opacity:1}to{transform:none;opacity:1}}
@keyframes gvi-arrow{from{transform:scaleX(0);opacity:0}to{transform:none;opacity:1}}

/* dock */
.gvi-dock{position:absolute;z-index:40;left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:5px;border-radius:20px;background:rgba(246,251,248,.90);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(18px);box-shadow:0 16px 32px rgba(19,68,50,.15)}
.gvi-dock button{appearance:none;min-width:0;min-height:54px;padding:5px 2px;border:0;border-radius:15px;background:transparent;color:#6d817a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:850 7px/1 var(--gpp-font-ui,system-ui);cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.gvi-dock button.is-active{background:#fff;color:#176f50;box-shadow:0 8px 18px rgba(19,79,57,.11);transform:translateY(-1px)}
.gvi-icon{position:relative;display:block;width:21px;height:21px}
.gvi-icon-ruler:before{content:"";position:absolute;left:5px;top:1px;width:10px;height:20px;border-radius:4px;background:#5f9b83;transform:rotate(18deg)}.gvi-icon-ruler:after{content:"";position:absolute;left:9px;top:4px;width:5px;height:1px;background:#fff;box-shadow:0 4px #fff,0 8px #fff,0 12px #fff}
.gvi-icon-pot:before{content:"";position:absolute;left:3px;right:3px;top:7px;bottom:2px;border-radius:3px 3px 7px 7px;background:#c8774c;clip-path:polygon(0 0,100% 0,84% 100%,16% 100%)}.gvi-icon-pot:after{content:"";position:absolute;left:1px;right:1px;top:4px;height:6px;border-radius:5px;background:#e49b72}
.gvi-icon-texture:before{content:"";position:absolute;inset:2px;border-radius:7px;background:repeating-linear-gradient(45deg,#c8794d 0 4px,#984a2c 4px 7px)}
.gvi-icon-water:before{content:"";position:absolute;left:6px;top:1px;width:12px;height:18px;border-radius:70% 30% 65% 35%;background:#55bce4;transform:rotate(45deg)}
.gvi-icon-roots:before{content:"";position:absolute;left:10px;top:1px;width:3px;height:19px;border-radius:99px;background:#b8875e;box-shadow:-5px 5px 0 -1px #b8875e,5px 7px 0 -1px #b8875e}.gvi-icon-roots:after{content:"";position:absolute;left:3px;right:3px;bottom:1px;height:7px;border-bottom:2px solid #b8875e;border-radius:50%}

.gvi-shortcode{max-width:720px;height:720px}.gvi-shortcode .gvi-card{border-radius:28px;overflow:hidden}
@media(max-width:767px){
 .gvi-scene{top:82px;bottom:145px}
 .gvi-topbar h2{font-size:25px!important;max-width:73vw}
 .gvi-category{max-width:30%;padding:6px 8px;font-size:6.5px}
 .gvi-size-pots{gap:4px;padding-bottom:18px}
 .gvi-size-small .gvi-pot-model{--pot-w:70px;--pot-h:64px}.gvi-size-large .gvi-pot-model{--pot-w:112px;--pot-h:102px}.gvi-size-ideal .gvi-pot-model{--pot-w:104px;--pot-h:96px}
 .gvi-size-ruler{left:5px}.gvi-size-ruler b{left:22px;font-size:14px}.gvi-size-ruler small{left:23px}
 .gvi-shape-track{gap:2px;padding:5px}.gvi-shape-option .gvi-pot-model{transform:scale(.78)}.gvi-shape-wide .gvi-shape-option-wide,.gvi-shape-classic .gvi-shape-option-classic,.gvi-shape-tall .gvi-shape-option-tall,.gvi-shape-hanging .gvi-shape-option-hanging{transform:translateY(-14px) scale(1)}
 .gvi-material-hero{--pot-w:158px;--pot-h:148px}.gvi-material-chips i{width:34px;height:34px}
 .gvi-cutaway-pot{width:178px;height:152px}.gvi-drain-label{display:none}
 .gvi-repot-flow{grid-template-columns:1fr 48px 1fr;padding:4px}.gvi-old-pot .gvi-pot-model{--pot-w:88px;--pot-h:80px}.gvi-new-pot .gvi-pot-model{--pot-w:126px;--pot-h:116px}.gvi-old-pot,.gvi-new-pot{min-height:180px}.gvi-bound-roots{bottom:43px;width:72px;height:65px}
 .gvi-answer{bottom:70px;min-height:65px;padding:9px 11px}.gvi-answer strong{font-size:20px}.gvi-tap-hint{bottom:140px;font-size:6.5px}
 .gvi-dock{left:6px;right:6px;bottom:6px}.gvi-dock button{min-height:50px;font-size:6.7px}
}
@media(min-width:768px){
 .gvi-experience{width:100%;height:100%;border-radius:28px}
 .gvi-topbar{left:24px;right:24px;top:20px}.gvi-topbar h2{max-width:590px}
 .gvi-scene{top:98px;bottom:168px}
 .gvi-answer{left:20px;right:20px;bottom:88px}
 .gvi-tap-hint{bottom:169px}
 .gvi-dock{left:16px;right:16px;bottom:14px;padding:6px}.gvi-dock button{min-height:60px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.gvi-card *{animation:none!important;transition:none!important}}